[css]placeholder在iOS下不垂直居中的解决方案

最新推荐文章于 2023-08-26 15:45:25 发布

saeko49

最新推荐文章于 2023-08-26 15:45:25 发布

阅读量951

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/saeko49/article/details/107997691

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

设置placeholder样式需要针对不同浏览器分别写三条（写在一起不行）

.wrapper input::-webkit-input-placeholder {
    color: #ff0000;
}

.wrapper input::-moz-placeholder {
    color: #ff0000;
}

.wrapper input:-ms-input-placeholder {
    color: #ff0000;
}

placeholder在iOS下可能存在bug，原因是input:text 设置的line-height对placeholder不起作用（单独设置在holderholder上也不起作用），会导致iOS下placeholder位置偏上，只能将input的line-height设置为1.3才能起到和placeholder看起来一样的效果。