Home / Questions / 94278
Accepted
theboshy
Asked: 2020-08-11 12:39:56 +0800 CST 2020-08-11 12:39:56 +0800 CST

如何在 TextArea 内对齐占位符的内容？

  • 772

好吧，我的问题是<textarea>我的页面上有一个，我使用该属性placeholder=给它用户值，这样： <textarea id="usuario_nick" placeholder="usuario">

问题是textarea内的文本自动向左对齐，但我希望它与textarea的中心对齐，我的意思不仅是水平的，也不是垂直的，在中心是可能的吗？有没有办法将该文本区域中的占位符的值移动为？padding-top y right

我知道你可以接受placeholder骗局::-webkit-input-placeholder，但这需要所有这些，我希望它只发生在 1 个特定的人身上。

html

2 Answers

  1. Best Answer

    我知道您可以使用 ::-webkit-input-placeholder 来抓取占位符，但这会抓取所有这些占位符，我希望它只发生在 1 个特定的占位符上。

    您只需将要修改的那个放在. 可以是类 ( ) 、id ( ) 等。selectorpseudo-elemento ::placeholderselectoreg: .miclaseeg: #miId

    我希望它与 textarea 的中心对齐我并不是说在中心水平也垂直，这可能吗？

    要垂直对齐它，您可以height为 the 指定一个特定值，textarea然后为line-heightdel指定相同的值placeholder。

    有没有办法将文本区域中占位符的值作为 padding-top 和 right 移动？

    是的，您只需要指明padding-top您要申请的那个。

    例如：

    .ph-center {
  height: 100px;
}
.ph-center::-webkit-input-placeholder {
  text-align: center;
  line-height: 100px;/* Centrado vertical */
}
    <textarea placeholder="usuario"></textarea>
<textarea class="ph-center" placeholder="usuario"></textarea>

    • 6

  2. 您可以通过 id 访问。

    这将是代码：

    #miid::placeholder {
  color: red;
  text-align: center;
  padding-top: 30px;
}
    <textarea id="miid" placeholder="placeholder" rows="5"></textarea>

    • 4