主页

在Input输入框内部实现 placeholder 文本在输入框内部居左对齐和居上对齐

2023-11-21 12:01PM

可以使用 css 来实现 placeholder 文本在输入框内部居左对齐和居上对齐

使用背景图像和padding来调整 input 元素的样式,来实现 placeholder 文本的定位。

<template>
  <div>
    <input type="text" class="my-input" placeholder="请输入内容" />
  </div>
</template>

<style>
.my-input {
  padding-left: 20px; /* 调整输入框的左内边距 */
  padding-top: 10px; /* 调整输入框的上内边距 */
}
</style>

通过调整 padding-left 和 padding-top 属性,我们改变了输入框的内边距,从而使 placeholder 文本靠左上对齐。

eg:

在使用 padding-left 和 padding-top 属性之前

在使用 padding-left 和 padding-top 属性之后

返回>>

登录

请登录后再发表评论。

评论列表:

目前还没有人发表评论