css - 无法从元素中删除 CSS 样式

Question

我在移除应用于元素的阴影时遇到问题。

相关元素的 HTML

<form class="block" method="post" action="poll.php?do=pollvote&pollid=80">

我已经将表单类更改为其他内容。

可疑阴影的 CSS

#sidebar_container .block {
border: 1px solid #BFBFBF;
box-shadow: 0 0 4px 0 #888888;
padding: 6px;

现在的问题是，Vbulletin 解决所有问题的方式是相同的样式适用于大量元素。因此简单地更改它会破坏很多其他自定义设置。

我不明白为什么简单地更改“表单类”不起作用...检查 Firebug ，无论我在模板中做了什么更改，它仍然保留常规表单类。

供引用:http://www.eldersreach.com/forum.php?styleid=90

就是容器右上角“Poll”元素上的Inner box阴影

Answer 1

这个 CSS

#sidebar_container .block {
    padding: 6px;
    border: 1px solid #bfbfbf;
    box-shadow: 0px 0 4px 0 #888;
}

应用于 <div class="block smaller">...</div>容器。不是 <form class="block"...</form>元素。

如果你想删除 box-shadow您需要放置的容器中的属性 box-shadow: none;在#sidebar_container .block {...}样式定义 block 。当然，这将删除 box-shadow来自所有 <div>与类(class) .block .

我的建议是:

1. 再添加一个类，例如<div class="block smaller noshadow">...</div>到选择的元素

2. 在#sidebar_container .block {...} 之后再定义一个CSS 属性在您的样式表中，例如

   #sidebar_container .block {...}

   #sidebar_container .noshadow {
box-shadow: none;
}

这应该可以完成工作。