zoukankan      html  css  js  c++  java
  • placeholder的样式设置

    在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果,这时就可以用以下代码来对placeholder进行样式设置了。

    ::-webkit-input-placeholder{}    /* 使用webkit内核的浏览器 */
    :-moz-placeholder{}                  /* Firefox版本4-18 */
    ::-moz-placeholder{}                  /* Firefox版本19+ */
    :-ms-input-placeholder{}           /* IE浏览器 */
    注1:冒号前写对应的input或textarea元素等。
    注2:placeholder属性是css3中新增加的属性,IE9和Opera12以下版本的CSS选择器均不支持占位文本。
    eg:
    css代码
     #input-test{
            color: #FFC0CB;
            font-size: 1.2em;
             180px;
            height: 36px;
    }
    #input-test::-webkit-input-placeholder{
            color: #ADD8E6;
    }
    #input-text::-moz-placeholder{ 
            color: #ADD8E6;        
    }
    #input-text:-ms-input-placeholder{
            color: #ADD8E6;        
    }
    html代码
    <div id="container">
        <input id="input-test" type="text" placeholder="修改placeholder样式" />
    </div>
    PS:除此之外,还能修改placeholder的font-weight等样式。

    -webkit-代表chrome、safari私有属性

    -moz-代表firefox浏览器私有属性
    -ms-代表IE浏览器私有属性

    -o-代表Operai私有属性

    转自:http://www.cnblogs.com/JennyLin77/p/5308431.html
  • 相关阅读:
    Map集合
    Collections 工具类
    LinkedList 集合
    List集合
    Iterator迭代器
    Collection集合
    时间日期类
    一看就懂!速写docker 容器数据库备份脚本
    Nginx 配置之HTTPS和WSS那些你不知道的事!
    https 证书认证/颁发/秒级认证无烦恼
  • 原文地址:https://www.cnblogs.com/jvziking/p/7798353.html
Copyright © 2011-2022 走看看