h5中placeholder样式

Posted 2020-10-02 漫思

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了h5中placeholder样式相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
    <title>placeholder样式demo</title>
     <style type="text/css">
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff; 
}

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

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

input::-webkit-input-placeholder{
    color: #fff;
}
          
     </style>
     
</head>
<body>
     <input    style="background:#2b2b2b" placeholder="httt" type="text">
</body>
</html>

以上是关于h5中placeholder样式的主要内容，如果未能解决你的问题，请参考以下文章

HTML5(H5)

如何修改placeholder样式

h5 中修改input中 placeholder的颜色

placeholder的样式设置