美文网首页
如何设置或者改变placeholder的默认样式并且改变苹果手机

如何设置或者改变placeholder的默认样式并且改变苹果手机

作者: A佳_848b | 来源:发表于2017-10-16 17:28 被阅读0次

input标签的placeholder有默认的样式,但是也是可以修改的,可以修改各种样式,颜色,字体大小,行高等等,修改样式如下:

input::-webkit-input-placeholder { /* WebKit browsers */

font-size: 16px;

}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

font-size: 16px;

}

input::-moz-placeholder { /* Mozilla Firefox 19+ */

font-size: 16px;

}

input:-ms-input-placeholder { /* Internet Explorer 10+ */

font-size: 16px;

}

苹果手机跟安卓手机不太一样,苹果手机的光标大小,是跟行高有关的,如果,input的height为40px,其line-height也是40px,则,苹果手机的输入框光标会从input标签的上边框到下边框,安卓手机没有这种状况,这不是我们想要的,因此,我们常用的改变苹果手机的光标高低的方式,是通过上下padding与line-height结合使用,比如:input的height为40px;想让光标高低为20px。则可以padding:10px 0;line-height:20px;则可以解决这个问题的。

相关文章

网友评论

      本文标题:如何设置或者改变placeholder的默认样式并且改变苹果手机

      本文链接:https://www.haomeiwen.com/subject/bhcluxtx.html