設置input透明背景及placeholder樣式

關於 input 一些不很常用的屬性設置:

1.設置 input 背景爲透明
<input type="text" style="background-color:transparent">

2.設置 input placeholder 樣式,如更改顏色和字體。
placeholder 的默認顏色爲淺灰色,在網上查詢到設置方法如下:

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #909;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #909;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #909;
}
::-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #909;
}

經過實測,我所用的Edge瀏覽器以上方法都無效,最終測試有效的設置是:

input::-ms-input-placeholder { 
    color:   #ffffff;
 }

也可以在和顏色一樣設置通過 font 屬性設置 placeholder 的字體。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章