您好,我想问一个关于CSS样式的问题。
我在占位符文本以及选择下拉列表中输入了相同的颜色值。但是浏览器显示的颜色不同。
任何人都可以解释为什么会这样吗?
这是一个示例:http : //scratchpad.io/abounding-coat-5186
编辑:我要实现的是完全相同的文本颜色。我不希望占位符具有这种不透明效果。
您可以使用此伪类/伪元素重写占位符样式
input::-webkit-input-placeholder { /* Chrome/Opera/Safari/ */
color: red;
opacity: 1;
}
input:-moz-placeholder { /* Firefox 18- */
color: red;
opacity: 1;
}
input::-moz-placeholder { /* Firefox 19+ */
color: red;
opacity: 1;
}
input:-ms-input-placeholder { /* IE */
color: red;
opacity: 1;
}
JSfiddle在这里
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句