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; 
        }

    窗竹影摇书案上,野泉声入砚池中。 少年辛苦终身事,莫向光阴惰寸功
  • 相关阅读:
    怎么查看京东店铺的品牌ID
    PPT编辑的时候很卡,放映的时候不卡,咋回事?
    codevs 1702素数判定2
    codevs 2530大质数
    codevs 1488GangGang的烦恼
    codevs 2851 菜菜买气球
    hdu 5653 Bomber Man wants to bomb an Array
    poj 3661 Running
    poj 1651 Multiplication Puzzle
    hdu 2476 String Painter
  • 原文地址:https://www.cnblogs.com/qhantime/p/11328102.html
Copyright © 2011-2022 走看看