在CSS选择器后面加上::placeholder伪元素选择器,以定位到输入框的placeholder文本。 设置color属性以改变placeholder颜色: 在::placeholder伪元素选择器内部,使用color属性来设置placeholder文本的颜色。例如,将其设置为红色: css .my-input::placeholder { color: red; } 验证颜色更改是否生效: 将上述CSS代码添加到你...
首先IE9及以下不支持placeholder。IE10需要用:-ms-input-placeholder,并且属性需要加上!important提高优先级。<style> input:-ms-input-placeholder { color: green !important; }</style><input type="text" placeholder="hello world" style="color: red;"> (placeh...
font-size:12px;color:red; } #txt::-webkit-input-placeholder{ color:red; }</style></head><body><inputtype="text"id="txt"placeholder="请输入作者姓名"/></body></html>
<style type="text/css"> :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: blue; opacity:1; font-size: 5px; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: red; opacity:1; } /* 以上两个属性分别针对火狐浏览器不同版本 */ input:-ms-input-placeholder { /* IE...
示例1:在不同浏览器中使用::placeholder选择器 <!DOCTYPEhtml> <html> <head> <metacharset="UTF-8"> <title>CSS更改占位符颜色</title> <style> ::placeholder{/*Firefox,Chrome,Opera*/ color:blue; font-size:15px; } :-ms-input-placeholder{/*InternetExplorer10-11*/ ...
placeholder是HTML5的新属性，并不是CSS3，，，CSS3和CSS2都是一样的，是在<style></style>里，或者CSS文件里，或者style=""这里面的。修改颜色，，这个网上倒是有几种办法，一，使用伪类：:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #f00; }::-moz-placeholder { /...
有时为了配合整个页面效果,可能会去修改输入框的placeholder样式。 源码示例如下: <!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/css">:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: blue;opacity:1;font-size: 5px;}::-moz-placeholder { /* Mo...
方法:先使用“::placeholder”选择器选中需要修改的元素;然后给该元素添加“color:颜色值;”样式即可。注placeholder是css3新增的选择器,在不同的浏览器需要加不同的前缀(“-ms-”,“ -webkit-”等)。 本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
不论是不是 input placeholder ，只要是字体都可以用 color 这属性改颜色 所以你只要在标签内加上 style="color:red;" ，或是加在 css 档案内 不懂可以私信问我
type="text" placeholder="placeholder" /> 1. 2. 3. 4. 添加自定义样式 <style> input::placeholder { color: #dd5a5d; } </style> <input type="text" placeholder="placeholder" /> 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 参考