首页 > 代码库 > 修改input缺省的文字透明度及颜色

修改input缺省的文字透明度及颜色

  • WebKit 与Blink 内核的浏览器(Safari, Google Chrome, Opera 15+) 使用伪元素: ::-webkit-input-placeholder.
  • Mozilla Firefox 4 to 18 使用伪类: :-moz-placeholder.
  • Mozilla Firefox 19以上版本使用伪元素: ::-moz-placeholder,同样旧版写法还适用.
  • Internet Explorer 10 使用伪类: :-ms-input-placeholder.

 

::-webkit-input-placeholder { /* WebKit 浏览器 */    color:    #909;  opacity:  1;}:-moz-placeholder { /* Firefox 4 to 18 */   color:    #909;   opacity:  1;}::-moz-placeholder { /* Firefox 19+ */   color:    #909;   opacity:  1;}:-ms-input-placeholder { /* IE10以上版本 */   color:    #909;  opacity:  1;}

 

修改input缺省的文字透明度及颜色