Как интегрировать элементы управления JavaScript в существующий сайт CSS?

Question

Это может быть основной вопрос CSS: у меня есть сайт, разработанный с четко определенными темами CSS. Я добавляю некоторые элементы управления (из jquery), но они имеют стиль своих дизайнеров, а не моего сайта. Какой самый простой способ (наименьший объем работы) заставить вставленные элементы управления использовать CSS сайта, а не стили элемента управления? Есть ли простой способ отобразить один набор классов / идентификаторов на другой? Или я что-то упустил в CSS?

Answer 1

Я предполагаю, что вы используете jQuery UI? Если так, у них есть ThemeRoller .

Answer 2

Вы можете попытаться «сопоставить» вещи, максимально определив свои собственные и внешние виджеты:

div.my_widget,
div.external_widget

{ border: 1px blue solid; } 

Насколько это может быть успешным, во многом зависит от вашего сайта и структуры управления.

Как правило, вместо работы с элементом управления измените собственные таблицы стилей, а не изменяйте элемент управления. Таким образом, вы можете легко интегрировать новые версии элемента управления.

Answer 3

Наиболее распространенный способ - проверить структуру DOM добавляемых элементов управления и посмотреть, можете ли вы использовать классы, применяемые для стилизации, так, как вы хотите, обычно переопределяя селекторы CSS для элемента управления, или написание CSS для управляющей структуры DOM с нуля.