【问题标题】:Placeholder of input text on my react component is not supporting:我的反应组件上输入文本的占位符不支持:
【发布时间】:2022-01-09 06:04:39
【问题描述】:

我用过这个代码:
颜色不显示

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

【问题讨论】:

  • 请提供更多代码。如果没有这些较少的信息,就不可能进行调试。很可能错误不在 CSS 中。

标签: javascript html css reactjs


【解决方案1】:

::-webkit-input-placeholder 并不适用于所有浏览器
使用 ::placeholder

.class::placeholder{
    color: red;
}

【讨论】:

    【解决方案2】:

    似乎 ::-webkit-input-placeholder 不是正确的方法。

    你应该这样使用它:

    ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color: red;
      opacity: 1; /* Firefox */
    }
    
    :-ms-input-placeholder { /* Internet Explorer 10-11 */
      color: red;
    }
    
    ::-ms-input-placeholder { /* Microsoft Edge */
      color: red;
    }
    

    在此处阅读更多信息:w3schools

    【讨论】:

    猜你喜欢
    • 2022-01-21
    • 2019-09-28
    • 2021-02-06
    • 1970-01-01
    • 1970-01-01
    • 2012-03-10
    • 2021-07-13
    • 2017-05-11
    • 2018-04-10
    相关资源
    最近更新 更多