修改input里placeholder颜色

更改 input 框中 placeholder 属性的文字颜色

Html 代码:

<div>
    <input type="text" placeholder="helloweb前端网" />
</div>

Chrome 支持 input=[type=text] 占位文本属性,所以,对下面这段代码并不起作用,另外,!important 只有 IE7 和 firefox 能识别!

input[placeholder], [placeholder], *[placeholder] {   
    color:#333 !important;   
}

修改 input 里 placeholder 颜色的方法有很多,非常好用的一种:

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {   
    /* WebKit browsers */   
    color: #666;   
}   
input:-moz-placeholder, textarea:-moz-placeholder {   
    /* Mozilla Firefox 4 to 18 */   
    color: #666;   
}   
input::-moz-placeholder, textarea::-moz-placeholder {   
    /* Mozilla Firefox 19+ */   
    color: #666;   
}   
input:-ms-input-placeholder, textarea:-ms-input-placeholder {   
    /* Internet Explorer 10+ */   
    color: #666;   
}

 

为您推荐

发表评论

电子邮件地址不会被公开。 必填项已用*标注