我尝试的任何东西都无法覆盖此CSS选择器

我想申请的那个

input[type=text]#lookupFilterName.hlLightRed {
  background-color: lightpink !important;
}

无论我做什么，它都会在所有浏览器中显示

input[type=text], textarea, input[type=password] {
  background: #ffffff;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #ffffff 0%, #afafaf 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#afafaf));
  background: -webkit-linear-gradient(top, #ffffff 0%,#afafaf 100%);
  background: -o-linear-gradient(top, #ffffff 0%,#afafaf 100%);
  background: -ms-linear-gradient(top, #ffffff 0%,#afafaf 100%);
  background: linear-gradient(to bottom, #ffffff 0%,#afafaf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#afafaf',GradientType=0 );
}

我能使这个特定文本框变成粉红色的唯一方法是打开开发人员工具并关闭（输入[type=text]，文本区，输入[type=password]）中的所有背景

两者都来自两个不同的样式表。 目标要素是：

<input id="lookupFilterName" type=text class="fullcellwdith changesdontmatter hlLightRed"  />

---

为什么会发生这种疯狂的事情？

这只是因为你应该写背景而不是背景色。“背景”元素上的线性渐变优先于“背景色”

只要这样做：

    input[type=text]#lookupFilterName.hlLightRed {
      background: lightpink;
    }

---

小提琴：

这只是因为你应该写背景而不是背景色。“背景”元素上的线性渐变优先于“背景色”

只要这样做：

    input[type=text]#lookupFilterName.hlLightRed {
      background: lightpink;
    }

---

小提琴：

酷。首先想到的是，我不知道线性渐变比背景色更重要谢谢。正在失去理智。酷。首先想到的是，我不知道线性渐变比背景色更重要谢谢。他正在失去理智。