关于解决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="一丢丢"/>
版权声明:本文为博主原创文章,未经博主允许不得转载。

为什么在Firefox里placeholder的颜色比设置的代码浅, 比其他浏览器浅

今天在开发的时候突然发现在Firefox下设置的placeholder颜色不是代码设置的颜色。本着码农朴实的精神,我先检查下是不是写错了。 毕竟各大浏览器都坚持以自我为中心,其他为goushi的精神。...
  • Cassy_Wu
  • Cassy_Wu
  • 2017年03月30日 22:17
  • 319

iOS-改变UITextField的Placeholder颜色的三种方式

转自:http://blog.csdn.net/mazy_ma/article/details/51775670有时,UITextField自带的Placeholder的颜色太浅或者不满足需求,所以需...
  • u011619283
  • u011619283
  • 2016年11月16日 13:18
  • 7100

Input placeholder属性样式修改(颜色,大小,位置)

原文地址:https://www.cnblogs.com/ooo0/p/6141764.html 1 DOCTYPE html> 2 html> 3 head> 4 me...
  • tanga842428
  • tanga842428
  • 2017年12月11日 11:11
  • 299

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

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

用JavaScript解决Placeholder的IE8兼容问题

if( !('placeholder' in document.createElement('input')) ){           $('input[placeholder],textarea[...
  • wen_t
  • wen_t
  • 2016年02月26日 13:11
  • 2746

iOS-UITextField中给placeholder动态设置颜色的四种方法

思路分析: 0.自定义UITextField1.设置占位文字的颜色找-->placeholderColor,结果发现UITextField没有提供这个属性2.在storyboard/xib中寻找...
  • u010742414
  • u010742414
  • 2016年09月18日 21:21
  • 465

iOS开发 - placeholder默认灰色在同系统同型号手机上显示不一致(灰和黑)

也是偶然才发现,placeholder默认的灰色在两款6上面显示颜色不一样,正常的为灰色,不正常的为黑色,先来看两组图: “想去”App登陆界面 ...
  • CodingFire
  • CodingFire
  • 2016年11月30日 10:08
  • 940

placeholder在不同浏览器下的表现及兼容方法

1、什么是placeholder? placeholder是html5新增的一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点(或输入...
  • xiebaochun
  • xiebaochun
  • 2014年04月15日 17:01
  • 3823

理解Sass的选择占位符%placeholder

本文由大漠根据Daniel Imms的《Understanding placeholder selectors》所译,整个译文带有我们自己的理解与思想,如果译得不好或有不对之处还请同行朋友指点。如...
  • kaosini
  • kaosini
  • 2014年10月30日 10:03
  • 1033

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

placeholder是html5的新属性,可想而知,仅支持html5的浏览器才支持placeholder,目前最新的firefox、chrome、safari以及ie10都支持,ie6到ie9都不支...
  • cddcj
  • cddcj
  • 2016年09月08日 16:54
  • 1455
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:关于解决placeholder 颜色问题
举报原因:
原因补充:

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