如何設置輸入框 input 中 placeholder的字體顏色、字號

1、須知

placeholder屬性是css3中新增長的屬性，IE9和Opera12如下版本的CSS選擇器均不支持佔位文本。

 

2、設置placeholder文字顏色、字號

方式1

由於每一個瀏覽器的CSS選擇器都有所差別，因此須要針對每一個瀏覽器作單獨的設定(能夠在冒號前面寫input和textarea)。

　　::-webkit-input-placeholder { /* WebKit browsers */

　　color:#999;font-size:16px;

　　}

　　:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

　　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;

　　}

方式二、建議使用該方式 若是是在手機客戶端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;

　　}