如何更改表单的输入文本颜色

时间:2019-04-10 15:53:29

标签: javascript css

我知道这是一个琐碎的问题,因为它应该是基本的CSS,但是由于某种原因,文本的颜色对于我来说并没有改变。我正在尝试将输入文本的颜色更改为灰色(#d6d6d6),但没有任何变化。我什至设置了!important值来尝试覆盖Chrome的用户代理样式表,但仍然行不通。我在这里想念东西吗?

enter image description here

if (event.target.name === 'target') {
  const inputs = document.querySelectorAll('input');
  if (event.target.value === 'true') {
    for (let i = 0; i < inputs.length; i += 1) {
      if (inputs[i].name === 'something') {
        inputs[i].style.border = '1px solid #dee1e5';
        inputs[i].classList.add('disabled');
        inputs[i].previousSibling.style.color = '#dee1e5';
      }
    }
  }
}
input[type='text'].disabled {
  color: #d6d6d6 !important;
}
<input type="text" name="something" class="disabled" style="border: 1px solid ;">

更新

显然是Chrome自动填充功能导致了该问题:input:-internal-autofill-selected

0 个答案:

没有答案