当前位置: 代码迷 >> 综合 >> 修改HTML5 input placeholder 颜色及修改失效的解决办法
  详细解决方案

修改HTML5 input placeholder 颜色及修改失效的解决办法

热度:3   发布时间:2023-12-28 17:51:58.0

input::input-placeholder{color:  #bdbdbd ;} /* 有些资料显示需要写,有些显示不需要,但是在编辑器webstorm中该属性不被识别 */
::-webkit-input-placeholder { /* WebKit browsers */ 
color: #999; 

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #999; 

::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #999; 

:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #999; 
}
 

input::-webkit-input-placeholder,
            textarea::-webkit-input-placeholder {
                color: red;
                font-size: 50px;
            }

            input::-moz-placeholder,
            textarea::-moz-placeholder {
                /* Mozilla Firefox 19+ */
                color: red;
                font-size: 50px;
            }

            input:-moz-placeholder,
            textarea:-moz-placeholder {
                /* Mozilla Firefox 4 to 18 */
                color: red;
                font-size: 50px;
            }

            input:-ms-input-placeholder,
            textarea:-ms-input-placeholder {
                /* Internet Explorer 10-11 */
                color: red;
                font-size: 50px;
            }

  相关解决方案