摆脱RadTab的额外填充

Question

我不知道RadControls对这方面的支持有多强，但它不会比Telerik更差（我很幸运能在2-3天内得到答复），所以我要去先试试这里。

基本上，我正在尝试在整个应用程序中进行自定义主题（仅使用CSS类），因此我尝试在telerik RadTab控件上设置所需的CSS类。

好吧，当用萤火虫检查它时，它会为每个标签添加额外的50 px填充，似乎无法控制。这是他们渲染的标记

<li class="rtsLI rtsFirst">
  <a href="#" class="rtsLink ui-state-default"> <!--This is the only place where I can put in my own custom CSS class-->
    <span class="rtsOut">
      <span class="rtsIn">
        <span class="rtsTxt">
          Common Application
        </span>
      </span>
    </span>
  </a>
</li>

现在，我知道你看不到样式类，但根据Firebug，每个以“rts”为前缀的类在样式表中都有行padding-left: 9px，这当然可以解释额外的填充问题。 （为什么他们还需要所有这些嵌套？！）

无论如何，我想删除那个填充。你会怎么做？另外，有什么方法jquery可以帮助删除填充？

Answer 1

如果您知道需要针对哪些类更改哪个设置，那么最好的做法是使用这些说明构建自己的样式表，并在原始样式表后将其包含在中。< / p>

重要的是要在原始样式表中完全按照您所看到的那样指定类，因为规则越具体，浏览器确定哪些设置否决了它的权重就越大。

这比做一个简单的.className xyz { padding-left: 0px !important }稍微多一些工作，但对维护来说要好得多。另外，IE＆lt; 8不尊重important。