關於 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 的字體。