html - 你如何覆盖 背景颜色来模拟禁用？

Question

我有以下 CSS 设置:

.dropdown dt { background:#e4dfcb !important; }
.dropdown-disabled { background:#dddddd important; color:#aaaaaa; }

所以在我的 html 代码中，我特意在其中放置了禁用下拉列表的类，这应该会强制覆盖背景颜色……但并没有发生。

<dt id="dtTestID" class="dropdown-disabled">
   <a href="#"><span>Hello World</span></a>
</dt>

我做错了什么？呃……

编辑:

好的，我已将代码更新为以下内容:

.dropdown-enabled { background:#e4dfcb; }
.dropdown-disabled { background:#dddddd; }

.dropdown dt { background:#e4dfcb !important url(arrow.png) no-repeat scroll right center; }
.dropdown dt a { display:block; padding-right:20px; border:1px solid #d4ca9a; width:150px;}
.dropdown dt a:hover { color:#ffffff; border: 1px solid #d0c9af;}
.dropdown dt a span { color:#816c5b; cursor:pointer; display:block; padding:5px; }
.dropdown dt a span:hover { color:#ffffff; cursor:pointer; display:block; }

<dt id="dtTestID" class="dropdown-disabled"><a href="#"><span>Hello World</span></a></dt>

这适用于背景，我只需要在其他地方启用下拉菜单。但是，我现在遇到了另一个(类似的)问题，我无法覆盖链接的样式。我尝试了以下...

将颜色覆盖为 !important，并将我的禁用设置为新颜色。

.dropdown dt a span { color:#816c5b !important;光标:指针；显示: block ；填充:5px； } .dropdown-disabled { 背景:#dddddd;颜色:#aaaaaa；

有什么想法吗？

Answer 1

CSS 中没有important 修饰符，只有!important。试试看:

.dropdown dt { background:#e4dfcb }
.dropdown-disabled { background:#dddddd !important; color:#aaaaaa; }

希望对您有所帮助。