设置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 的字体。

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