【问题标题】:can't change background-color of text input无法更改文本输入的背景颜色
【发布时间】:2020-09-17 21:31:19
【问题描述】:

也许是个愚蠢的问题:

这是我的登录页面的屏幕截图,其中包含我设置背景颜色的文本输入字段。在开发人员工具中,背景颜色属性显示为红色,但在页面中仍为灰色。关于如何将其更改为红色的任何想法?

编辑:在计算下它说:

编辑: 这个问题可能与铬浏览器有关。在 Chrome 上,背景颜色是红色

【问题讨论】:

  • 你能在计算选项卡下检查一下吗?
  • 添加了计算选项卡的截图
  • 我无法在我的系统上重现这种行为。
  • 感谢您的建议,但它似乎也不起作用。即使在 document.ready 上使用 jquery 设置背景颜色也不会改变结果

标签: html css


【解决方案1】:

如你所见

计算选项卡中有-internal-autofill-selected

这些是浏览器的默认样式

也许你应该重写它

#id_username,
input#id_username:-internal-autofill-selected {
    background-color: red  !important;
    color: #fff !important;
}

【讨论】:

  • 我刚试过,但这似乎也不起作用。它显示在计算选项卡上,但结果仍然是灰色的
【解决方案2】:

你可以试试这个

输入:-webkit-autofill { 背景颜色:透明; }

【讨论】:

  • 在开发人员工具中显示为划掉,即使我添加了 !important
猜你喜欢
  • 2014-07-17
  • 2021-03-07
  • 2018-12-25
  • 1970-01-01
  • 2023-03-31
  • 2013-03-14
  • 2016-10-04
  • 2014-09-25
  • 1970-01-01
相关资源
最近更新 更多