如果placeholder属性的默认颜色、样式等不能满足我们的需要,则需要修改样式。 写法: input :3360-WebKit-input-placeholder {要修改的样式placeholder是HTML5中新添加的属性,需要注意浏览器的兼容性。3360-WebKit-input-placeholder { }/*使用WebKit内核的浏览器*/:-moz-placeholder { }/* Firefox4- 18 *版ie浏览器*/示例:修改placeholder样式,将input提示框中的字符颜色设置为红色,将字体设置为20px,以便字符显示在输入框的水平中心。 代码如下
HTML部分:
input type=' text ' id=' input ' placeholder='用户名'/CSS部分:
input{width: 200px; 高: 40px; } # input :-WebKit-input-placeholder { color : red; font-size: 20px; 文本对齐3360中心; } # input :-moz-placeholder { color : red; font-size: 20px; 文本对齐3360中心; } # input :-ms-input-placeholder { color : red; font-size: 20px; 文本对齐3360中心; } 效果如下: