• 设置输入框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; 
        }

    窗竹影摇书案上,野泉声入砚池中。 少年辛苦终身事,莫向光阴惰寸功
  • 相关阅读:
    Educational Codeforces Round 75 (Rated for Div. 2)
    Codeforces Round #596 (Div. 2, based on Technocup 2020 Elimination Round 2)
    Codeforces Round #594 (Div. 2)
    Codeforces Round #597 (Div. 2)
    Codeforces Round #599 (Div. 2)
    数学笔记
    模板
    模板
    win7如何更改语言教程
    cmd-net命令详解
  • 原文地址:https://www.cnblogs.com/qhantime/p/11328102.html
Copyright © 2020-2023  润新知