How to properly customize a component from Element UI?

Question

css

I am using ElementUI.
I take for example tabs element.eleme.io/#/en-US/component/tabs Styles
are adjusted on them:

.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;
}

How can I disable them properly?
Is there a way? Or it is necessary <style>to overlap through in the component?

Answer 1

You can create a separate file to override component styles. Next, include it in the root component.