zoukankan      html  css  js  c++  java
  • 修改input的placeholder颜色

    1、CSS选择器

    因为每个浏览器的CSS选择器有所差异,所以需要针对每个浏览器做单独的设定。

    ::-webkit-input-placeholder { /* WebKit browsers */ 
    color: #999; 

    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    color: #999; 

    ::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    color: #999; 

    :-ms-input-placeholder { /* Internet Explorer 10+ */ 
    color: #999; 

    2、textarea风格样式的代码,如下:

    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
    color: #636363; 

    input:-moz-placeholder, textarea:-moz-placeholder { 
    color: #636363; 

    3、指定修改哪个input的placehoder属性,可以使用class

    input.addCardInput::-webkit-input-placeholder{
    color: #ccc;
    }
    input.addCardInput:-moz-placeholder{
    color: #ccc;
    }
    input.addCardInput::-moz-placeholder{
    color: #ccc;
    }
    input.addCardInput:-ms-input-placeholder{
    color: #ccc;
    }

    4、在Firefox和IE里,正常input文本颜色覆盖占位符颜色的方法:

    ::-webkit-input-placeholder { 
    color: red; text-overflow: ellipsis; 

    :-moz-placeholder { 
    color: #acacac !important; text-overflow: ellipsis; 

    ::-moz-placeholder { 
    color: #acacac !important; text-overflow: ellipsis; 
    } /* for the future */ 
    :-ms-input-placeholder { 
    color: #acacac !important; text-overflow: ellipsis; 

  • 相关阅读:
    ajax提交转码解码
    关于idea开发工具常用的快捷键
    oracle 查询某个时间段数据
    hibernate : object references an unsaved transient instance 问题
    log4j日志
    JS关键字 import
    代码正常,junit却报错原因及解决方法
    hdu 5868 Polya计数
    hdu 5893 (树链剖分+合并)
    hdu 5895 广义Fibonacci数列
  • 原文地址:https://www.cnblogs.com/carriezhao/p/6927431.html
Copyright © 2011-2022 走看看