如何修改input的placeholder的文字颜色

最近项目出现了一个特殊的需求，需要修改input框中文字的颜色，这里我们想到的就是修改placeholder的颜色，但是placeholder一般我们使用的都是他的默认颜色，那么我们如何更改他呢。

这里我们查看页面元素后，发现placeholder的颜色是通过一个伪类选择器设置的，那么想要修改他就很容易了：

.input::webkit-input-placeholder{color:red;
}

这实际上是一个新的伪类选择器，但是不属于W3C标准，因此兼容性并不是特别好。

如何修改input的placeholder的文字颜色相关推荐

设置 input元素placeholder的字体颜色
placeholder 属性提供可描述输入字段预期值的提示信息(hint). 该提示会在输入字段为空时显示,并会在字段获得焦点时消失. placeholder 属性适用于以下的 <input&g ...
安卓动态修改系统状态栏背景和文字颜色，以及动态显示或隐藏系统状态栏
关于动态修改系统状态栏背景.字体和图标颜色,以及动态显示或隐藏系统状态栏,一直都是都是许多项目的常规需求.但是,由于不同版本间的兼容性差异,网上的实现方法多种多样.并且,许多方法都会存在这样.那样的不 ...
ios设置字体-黑体,加粗等修改textField的placeholder的字体颜色、大小
ios开发中,经常用到UILable,此时如何让UILable的字体变化为不同的颜色,样式,从而增加UI美感呢?下面我进行了总结和归纳,内容来自于网络,当时经过我自己的整理.希望对我自己和大家有所帮助 ...
HTML中placeholder字体颜色,修改input中placeholder字体颜色方法
如上,input的placeholder属性我们无需修改,但是如果恰巧我们设置的背景色和placeholder默认颜色一样的话,尴尬的事情就发生了,很小的一个问题会耽误我们不少时间查找什么原因造成的. ...
修改elementUI中面包屑文字颜色
1.修改面包屑文字大小 ::v-deep {.el-breadcrumb__item {font-size: 35px;} } 2.修改面包屑文字颜色 .el-breadcrumb ::v-deep ...
修改input的placeholder颜色
1.CSS选择器因为每个浏览器的CSS选择器有所差异,所以需要针对每个浏览器做单独的设定. ::-webkit-input-placeholder { /* WebKit browsers */ ...
修改input的placeholder字体颜色
效果 html <input type="text" class="name inputProgramColor" placeholder="请 ...
HTML5的input框placeholder提示文字默认为灰色，修改
<input type="text" value="请输入您需要查找的内容 -" onfocus="this.style.color='#fff ...
css select默认选中字体颜色,通过js修改input、select默认字体颜色
textarea默认字颜色以及获取焦点后的字的颜色,焦点获取后使默认消失输入您要输入的内容 select默认选中项颜色为灰色,选择后变为黑色(js实现) var unSelected = " ...

如何修改input的placeholder的文字颜色

如何修改input的placeholder的文字颜色相关推荐

最新文章

热门文章