如何在html中改变输入占位符的颜色

这个问题在这里已经有了答案:

  • 使用CSS 31答案更改HTML5输入的占位符颜色

  • 这是你的jsFiddle。 解

    你可以使用下面的CSS来实现它

    ::-webkit-input-placeholder { /* WebKit browsers */
      color:    #909;
    }
    :-moz-placeholder {
      color:    #999;
    }
    ::-moz-placeholder {
      color:    #999;
    }
    :-ms-input-placeholder {
      color:    #999;
    }
    

    您可以使用样式来更改占位符的颜色。

    <input type="text" placeholder="input here" />
    

    然后在你的css中写入 -

    ::-webkit-input-placeholder { /* WebKit browsers */
        color:    Red;
    }
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color:    Red;
        opacity:  1;
    }
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color:   Red;
        opacity:  1;
    }
    :-ms-input-placeholder { /* Internet Explorer 10+ */
        color:    Red;
    }
    

    请参阅http://jsfiddle.net/w1wjo6q4/1/中的输出结果

    链接地址: http://www.djcxy.com/p/12173.html

    上一篇: how to change the color of the placeholder of the input in html

    下一篇: How to change placeholder color on click event?