关于解决placeholder 颜色问题

原创 2016年08月29日 15:02:43

问题:在input 里面 经常会用到一个属性placeholder,然而这个属性往往需要改变他的色值,满足产品设计的需要。

解决办法:

1.css内容
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #f00;  
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #f00;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #f00;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #f00;
}
2.html 内容
<input type="text" placeholder="一丢丢"/>
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

看了两天jquery 插件的写法练手解决placeholder不兼容问题

jquery 插件 placeholder 处理不兼容的placeholder属性的jquery小插件

使用jQuery解决IE9以下无法支持input的placeholder的问题

placeholder是html5的新属性,可想而知,仅支持html5的浏览器才支持placeholder,目前最新的firefox、chrome、safari以及ie10都支持,ie6到ie9都不支...
  • cddcj
  • cddcj
  • 2016-09-08 16:54
  • 1161

用JavaScript解决Placeholder的IE8兼容问题

if( !('placeholder' in document.createElement('input')) ){           $('input[placeho...
  • wen_t
  • wen_t
  • 2016-02-26 13:11
  • 2482

Spring Boot之Test Case中placeholder信息无法找到的问题解决

引言: 在Spring Boot中的单元测试中,需要针对特定的场景进行测试,在其中碰到了placeholder的信息无法正确获取的问题,看看如何的解决的...

定制化UITextField对象,修改placeHolder颜色,字体和显示位置

我们有时需要定制化UITextField对象的风格,可以添加许多不同的重写方法,来改变文本字段的显示行为。这些方法都会返回一个CGRect结构,制定了文本字段每个部件的边界范围,甚至修改placeHo...

改变UITextField placeHolder颜色、字体以及添加icon

我们有时需要定制化UITextField对象的风格,可以添加许多不同的重写方法,来改变文本字段的显示行为。这些方法都会返回一个CGRect结构,制定了文本字段每个部件的边界范围,甚至修改placeHo...

改变UITextField placeHolder颜色、字体

我们有时需要定制化UITextField对象的风格,可以添加许多不同的重写方法,来改变文本字段的显示行为。这些方法都会返回一个CGRect结构,制定了文本字段每个部件的边界范围,甚至修改placeHo...

如何设置css3中placeholder的字体颜色

1、 因为每个浏览器的CSS选择器都有所差异,所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。   ::-webkit-input-placeholder { /*...

改变UITextField placeHolder颜色、字体

http://blog.csdn.net/leeyehong_self/article/details/7939147 我们有时需要定制化UITextField对象的风格,可以添加许多不同的...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)