asp.net - 摆脱 RadTab 的额外填充

Question

我不知道这边RadControls的支持有多强，但不会比Telerik差(我很幸运能在2-3天内得到回复)，所以我打算先在这里试试。

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

好吧，当在 firebug 中检查它时，它会为每个选项卡添加额外的 50 像素的填充，这似乎无法控制。这是他们呈现的标记

<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

如果您知道需要为哪些类更改哪些设置，那么最好的办法是使用这些说明构建自己的样式表，并将其包含在原始样式表之后。

重要的是要完全按照您在原始样式表中看到的方式指定类，因为规则越具体，当浏览器决定哪些设置优先于哪些设置时，它的权重就越大。

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