Запрет сброса CSS только в пределах определенного раздела HTML

Question

В течение последних нескольких лет я занимался разработкой сайтов с Эрик Майер сбросил CSS . Я люблю это и никогда не буду оглядываться назад. Я никогда не думал о том, чтобы оглянуться назад. Но сегодня мы внедрили Telerik Rad Editor элемент управления. К сожалению, сброс CSS нарушает внутреннее расположение редактора Rad. Есть ли какой-нибудь способ предотвратить сброс каскадом в Rad Editor.

Заранее спасибо.

Answer 1

Мы широко используем RadEditor в нашем приложении и обнаружили с ним похожие проблемы. Я работаю с CSS-кодом редактора уже почти 2 года, и обнаружил, что преодолеть эти проблемы довольно легко.

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

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

Скорее всего, это потому, что вообще нет определения стиля для сбрасываемых объектов, поскольку все, что определено в таблицах стилей Telerik, будет более специфичным, чем стили сброса, поскольку они будут содержать предшествующее имя класса, что увеличит CSS специфичность на 10.

Если бы вы могли предоставить больше подробностей, я был бы рад помочь вам.

Answer 2

Вряд ли, поскольку в CSS нет «исключающих» операторов. Вы должны были бы повторно представить вещи, которые удаляет таблица стилей сброса.

Но по своему опыту я вполне уверен, что причина провала - просто одна или две вещи, которые пошли наперекосяк. Может быть возможно проверить и исправить их в разумные сроки.

Answer 3

Я просто добавляю это сюда для справки. Twitter Bootstrap заставляет большинство кнопок исчезнуть. Вот исправление. EditorCssFile просто используется для изменения цвета фона редактора обратно на белый.

<style type="text/css">
    .telerik img {
       max-width:none;
    }       
</style>

<div class="telerik">
    <telerik:RadEditor ID="RadEditor1" BackColor="White" ToolbarMode="RibbonBar" runat="server">
        <CssFiles>
            <telerik:EditorCssFile Value="/assets/css/editorContentArea.css" />
        </CssFiles>
    </telerik:RadEditor>
</div>

Answer 4

Вы можете узнать, каковы значения по умолчанию для элемента (создайте страницу без стиля только с элементом и проверить с помощью инспектора DOM Firefox), затем снова добавьте правила в конце таблицы стилей, добавив !important к каждому править.

Answer 5

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

Редактировать: Вот Gecko один .

Answer 6

На самом деле, вы можете указать конкретные CSS-файлы, которые RAD Editor будет использовать при загрузке. Просто создайте файл CSS, который добавляет то, что убирает сброс, и только редактор RAD будет ссылаться на этот файл CSS.

Например, этот редактор будет ссылаться на определенный файл с именем 'radEditor.css "при загрузке на страницу.

<telerik:RadEditor ID="RadEditor1" runat="server" AllowScripts="True">
  <Content>
  </Content>
  <CssFiles>
    <telerik:EditorCssFile Value="~/css/radEditor.css" />
  </CssFiles>
</telerik:RadEditor>

Удачи, и надеюсь, что это поможет некоторым.

Answer 7

Нет . Это одна из проблем, связанных со сбросом CSS.

Это $ 1000 элемент управления ?! Возможно, вам следует позвонить им и запросить совместимость с сбросом CSS.

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

Answer 8

Вы можете использовать iframe для определения контекста CSS. Но это усложняет некоторые вещи.