zoukankan      html  css  js  c++  java
  • 设置输入框input中placeholder的字体颜色、字号

    一、须知 
      placeholder属性时css3中新增加的属性,IE9和Opera12以下版本的CSS选择器均不支持占用文本。

    二、设置placeholder文字颜色、字号 
    方式1 
      因为每个浏览器的CSS选择器都有所差异,所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。

        ::-webkit-input-placeholder{/*Webkit browsers*/
        color:#999;
        font-size:16px;
        }
        :-moz-placeholder{/*Mozilla Firefox 4 to 8*/
        color:#999;
        font-size:16px;
        }
        ::moz-placeholder{/*Mozilla Firefox 19+*/
        color:#999;
        font-size:16px;
        }
        :-ms-input-placeholder{/*Internet Explorer 10+*/
        color:#999;
        font-size:16px;
        }

     

    方式2、建议使用该方式,如果是在手机客户端webview只使用-webkit内核方式即可。 
        input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ 
        color:#666; 
        font-size:16px; 
        }

        input:-moz-placeholder,textarea:-moz-placeholder{ 
        color:#666; 
        font-size:16px; 
        }

        input::-moz-placeholder,textarea::-moz-placeholder{ 
        color:#666; 
        font-size:16px; 
        } 
        input:-ms-input-placeholder,textarea:-ms-input-placeholder{ 
        color:#666; 
        font-size:16px; 
        }

    窗竹影摇书案上,野泉声入砚池中。 少年辛苦终身事,莫向光阴惰寸功
  • 相关阅读:
    在Android中,使用Kotlin的 API请求简易方法
    Android开发者的Kotlin:书
    用Kotlin开发Android应用(IV):定制视图和Android扩展
    用Kotlin开发Android应用(III):扩展函数和默认值
    zookeeper应用
    BigDecimal的setScale()方法无效(坑)
    Linux命令详解之—less命令
    jdk10 var定义变量的由来
    Mysql DataPacketTooBigException异常处理
    JDK自带的监控工具方法
  • 原文地址:https://www.cnblogs.com/qhantime/p/11328102.html
Copyright © 2011-2022 走看看