关于 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 的字体。