Избавляемся от дополнительных прокладок для RadTab - PullRequest
Новая
       8

Избавляемся от дополнительных прокладок для RadTab

0 голосов
/ 17 февраля 2010

Я не знаю, насколько сильна поддержка RadControls здесь, но она не может быть хуже, чем Telerik (там мне повезет получить ответ через 2-3 дня), поэтому я собираюсь попробуйте здесь сначала.

По сути, я пытаюсь сделать пользовательские темы (используя только классы CSS) во всем приложении, поэтому я попытался установить классы CSS, необходимые для элементов управления telerik RadTab.

Что ж, при проверке в 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 может помочь удалить отступы?

1 Ответ

0 голосов
/ 17 февраля 2010

Если вы знаете, какую настройку нужно изменить для каких классов, то лучше всего будет создать собственную таблицу стилей с этими инструкциями и включить ее после исходной таблицы стилей.

Важно указать классы в точности так, как вы видите их в исходной таблице стилей, поскольку чем более конкретным является правило, тем больше вес у него, когда браузер определяет, какие настройки отменяют какие.

Это немного больше, чем просто .className xyz { padding-left: 0px !important }, но гораздо лучше для обслуживания.Кроме того, IE <8 не уважает <code>important.

...