摆脱 RadTab 的额外填充答案

【问题标题】：Getting rid of extra padding for RadTab摆脱 RadTab 的额外填充
【发布时间】：2011-01-17 15:44:21
【问题描述】：

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

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

好吧，当在 firebug 中检查它时，它会为每个选项卡添加额外的 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 是否有某种方式可以帮助删除填充？

【问题讨论】：

标签： asp.net jquery css telerik padding

【解决方案1】：

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

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

这比做一个简单的.className xyz { padding-left: 0px !important } 稍微多一些工作，但维护起来要好得多。另外，IE important。

【讨论】：