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

    窗竹影摇书案上,野泉声入砚池中。 少年辛苦终身事,莫向光阴惰寸功
  • 相关阅读:
    P3501 [POI2010]ANT-Antisymmetry
    P3498 [POI2010]KOR-Beads(hash表)
    UVA10298 Power Strings
    UVA1714 Keyboarding(bfs)
    P4289 [HAOI2008]移动玩具(bfs)
    Ubuntu分辨率太小的解决方案
    Ubuntu分辨率太小的解决方案
    主板亮红灯,显示器没信号
    主板亮红灯,显示器没信号
    VS注释与取消注释快捷键
  • 原文地址:https://www.cnblogs.com/qhantime/p/11328102.html
Copyright © 2011-2022 走看看