input里的placeholder 文字颜色不够白

问题遇到的现象和发生背景

颜色已经设置成全白了，但显示还是灰色的

用代码块功能插入代码，请勿粘贴截图

#divCenter3 .input::-webkit-input-placeholder { /* WebKit browsers */ 
          color: white !important;
          font-size:16px;
          background:none !important;
        } 

        #divCenter3 .input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
        color: #ffffff !important;
        font-size:16px !important;
        } 

        #divCenter3 .input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
        color: #ffffff !important;
        font-size:16px !important;
        } 

        #divCenter3 .input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
        color: #ffffff !important;
        font-size:16px !important;
        }

运行结果及报错内容

我想要达到的结果

怎么把placeholder文字颜色设置成全白？

你的样式写的没找对地方写，你需要去找这行字所在的样式，然后去修改，还有可能是人家直接在标签里写了 style


<html>

<head>
    <title>第四题</title>
    <style>
        input::-webkit-input-placeholder {
            /* 使用webkit内核的浏览器 */
            color: #ffffff;
        }

        input:-moz-placeholder {
            /* Firefox版本4-18 */
            color: #ffffff;
        }

        input::-moz-placeholder {
            /* Firefox版本19+ */
            color: #ffffff;
        }

        input:-ms-input-placeholder {
            /* IE浏览器 */
            color: #ffffff;
        }
    </style>
</head>

<body>
    <input type="text" name="" id="" placeholder="55555">
</body>

</html>

你审查元素看看加上了没

你确定是 .input吗？

如果你是vue项目组件里面的input，建议加上/deep/，前面使用了id选择器，直接操作input标签也不会出错。
像这样试试：

        /deep/ #divCenter3 input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
        color: #ffffff !important;
        font-size:16px !important;
        }

关于该问题，我找了一篇非常好的博客，你可以看看是否有帮助，链接：input placeholder 里使用图标

1

input::-webkit-input-placeholder{
color: #c4c4c4;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
 color: #c4c4c4;
 
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color: #c4c4c4;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color: #c4c4c4;
}

2

/deep/

3

:global()

我这element的组件里面这样改就可以直接变色

<style lang="scss">
    input.el-input__inner::-webkit-input-placeholder {
        color: #ffffff;
    }
</style>