Как интегрировать элементы управления JavaScript в существующий сайт CSS?
Это может быть основной вопрос CSS: у меня есть сайт, разработанный с четко определенными темами CSS. Я добавляю некоторые элементы управления (из jquery), но они имеют стиль своих дизайнеров, а не моего сайта. Какой самый простой способ (наименьшее количество работы) заставить вставленные элементы управления использовать CSS сайта, а не стили элемента управления? Есть ли простой способ отобразить один набор классов / идентификаторов на другой? Или я что-то упускаю из CSS?
3 ответа
Вы можете попытаться "сопоставить" вещи, максимально определив ваши собственные и внешние виджеты:
div.my_widget,
div.external_widget
{ border: 1px blue solid; }
Насколько это может быть успешным, во многом зависит от вашего сайта и структуры управления.
Как правило, вместо работы с элементом управления измените свои собственные таблицы стилей вместо изменения элемента управления. Таким образом, вы можете легко интегрировать новые версии элемента управления.
Я предполагаю, что вы используете JQuery UI? Если так, у них есть ThemeRoller.
Наиболее распространенный способ - проверить структуру DOM добавляемых вами элементов управления и посмотреть, можете ли вы использовать классы, применяемые для стилизации, так, как вы хотите, обычно переопределяя селекторы CSS на месте для элемента управления, или написав CSS для структура управления DOM с нуля.