Question

好的，我一直试图解决这个问题几个小时。

我有一个不想改变颜色的占位符文本。目前我已经添加了这个CSS

    ::-webkit-input-placeholder {
   color: red;
 }

:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

:-ms-input-placeholder {  
color: red;  
}

然而，文字仍然是浅灰色。

请访问网站：http://gravitylab.nz/articles/

非常感谢：）

Answer 1

尝试将代码更改为

::-webkit-input-placeholder {    color: red !important;  }
： - moz-placeholder {/ * Firefox 18- * / color：red！important; }

:: - moz-placeholder {/ * Firefox 19+ * / color：red！important; }

： - ms-input-placeholder {color：red！important; }

也许它被覆盖了某个地方......我在你的网页的检查器样式表中尝试过它，它似乎对我有用。

Answer 2

我认为，您应该完全清除浏览器缓存然后尝试..

<html >
    <head >
    <style type="text/css">
        ::-webkit-input-placeholder {
       color: red;
     }

    :-moz-placeholder { /* Firefox 18- */
       color: red;  
    }

    ::-moz-placeholder {  /* Firefox 19+ */
       color: red;  
    }

    :-ms-input-placeholder {  
    color: red;  
    }

    </style>
        <title></title>
    </head>
    <body>
        <form id="form1">
        <div>
        <input type="text" placeholder="Hello Text" />
        </div>
        </form>
    </body>
    </html>


        [![enter image description here][1]][1]



         [1]: http://i.stack.imgur.com/zXhbb.png

占位符文本颜色不变

2 个答案: