Как правильно кастомизировать компонент из Element UI?

Question

[Vlad Avtomat]

Я использую Element UI.
Беру я к примеру табы element.eleme.io/#/en-US/component/tabs
На них налаживаются стили:

.el-tabs__header {
    padding: 0 45px;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,1,1,.1);
    -moz-box-shadow: 0 2px 3px 0 rgba(0,1,1,.1);
    box-shadow: 0 2px 3px 0 rgba(0,1,1,.1);
    position: relative;
    margin: 0 0 15px;
}

Как мне правильно их отключить ?
Есть ли способ ? Или нужно через <style> в самом компоненте перекрывать?

Answer 1

[Evgeny Kulakov]

Можно создать отдельный файл для переопределения стилей компонентов. Далее его проинклюдить в рутовом компоненте.

Comments

[Александр Гамов]

Плохой ответ. Тут вся фишка в компонентности. Стили, шаблоны и логика содержатся в одном месте.

[Evgeny Kulakov]

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