占位符文本在Safari中不是垂直居中?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (18)

如何让占位符属性垂直居中在Safari浏览器?尽管当你开始打字时,文字完全居中。

提问于
用户回答回答于

<input type="text" name="first_name" placeholder="Search" style="height: 50px;">

css

#register-block-fields input {
width: 230px;
height: 41px;
padding-left: 40px;
padding-right: 20px;
height: 41px; // Changed from line-height
color: #878787;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background: none;
}
用户回答回答于

最简单的方法是使用行高和CSS高度属性。只需给文本输入一个具有与其高度相同的值的行高。

扫码关注云+社区