input::placeholder { color: red; /* 这里你可以将红色(red)替换为任何你想要的颜色 */ } 2. 修改特定input元素的placeholder文字颜色 如果你只想修改特定input元素的placeholder文字颜色,你可以为该input元素添加一个唯一的类名或ID,然后使用CSS选择器来定位它。例如: HTML: html <input type="text" cla...
一、改变 placeholder 文本颜色的方法如下: /* Chrome */::-webkit-input-placeholder{color:#1890ff;}/* IE 10+ */:-ms-input-placeholder{color:#1890ff;}/* Firefox 4-18 *//* Firefox 19+ */:-moz-placeholder,::-moz-placeholder{color:#1890ff;opacity:1;} 二、需要注意的有三点: 如果项目中...
当背景色不为白色的时候,要给input输入框设置成为 白色,一般来说,设置color:#fff即可,但是placeholder默认的文字颜色还是灰色,这个时候需要写代码设置输入框placeholder文字颜色。 找到全局css文件,添加伪类元素,因为直接修改input颜色只作用于输入的文字,并不能改变默认字体的颜色,同时主要是要兼容 火狐,IE 和 谷歌浏览...
textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; } input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; } input:-m...
对于Firefox 19及以上版本和IE 10+，可以使用:另一种简洁的方法是结合所有浏览器，例如:<input type="text" placeholder="请输入" style="input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #666; },input:-moz-placeholder, textarea:-moz-placeholder { color: #...
<inputtype="text"placeholder="请输入您要搜索的内容!"> 结果: 该提示文字会有自己默认的颜色,然而有时候,我们并不希望用该默认颜色,而是想自定义颜色。那么该怎么处理呢?不废话,上代码。 <style> input::-webkit-input-placeholder{ color:red; }
<input type="text" placeholder="搜索" value=" "> 默认的placeholder字体颜色是呈浅灰色,如果想改变这个默认颜色,解决方案如下: XML/HTML Code 1.input:-moz-placeholder, 2.textarea:-moz-placeholder { 3. color: #999999; 4.} 5. 6.input:-ms-input-placeholder, ...
*{margin:0;padding:0;box-sizing:none;}input[type="text"]{/* 内容颜色 */color:pink;font-size:20px;}/* 适配 *//* WebKit browsers */::-webkit-input-placeholder{color:red;}/* Mozilla Firefox */::-moz-placeholder{color:red}/* internet Explorer */::-ms-input-placeholder{color:red;}...
color: red; } *:-moz-placeholder { color: red; } *:-ms-input-placeholder { /* IE10+ */ color: red; } James Donnelly:在Firefox和IE里,正常input文本颜色覆盖占位符颜色的方法: 代码如下: ::-webkit-input-placeholder { color: red; text-overflow: ellipsis; ...
*::-webkit-input-placeholder{color:red; }*:-moz-placeholder{color:red; }*:-ms-input-placeholder{/*IE10+*/color:red; } James Donnelly:在Firefox和IE里,正常input文本颜色覆盖占位符颜色的方法: 代码如下: ::-webkit-input-placeholder{color:red;text-overflow:ellipsis; ...