无法从元素中删除CSS样式

时间:2014-03-14 07:00:51

标签: css3

我无法删除应用于元素的阴影。

有问题的元素的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”元素上的内部框阴影

1 个答案:

答案 0 :(得分:0)

这个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 {...}样式定义块中。当然,这会从box-shadow课程中删除所有<div>的{​​{1}}。

我的建议是:

  1. 再添加一个类,例如.block选择元素
  2. 在样式表中<div class="block smaller noshadow">...</div>之后再定义一个CSS属性,例如

    #sidebar_container .block {...}

    #sidebar_container .block {...}

  3. 那应该做的。