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;则可以解决这个问题的。
网友评论