/deep/修改Element-ui的样式

Chanly21

已于 2023-02-19 09:33:29 修改

阅读量933

点赞数 1

文章标签： elementui html vue.js

于 2022-05-12 16:55:20 首次发布

本文链接：https://blog.csdn.net/weixin_52213331/article/details/124734898

版权

Element-UI 深度修改样式定制 scoped属性组件样式

关键词由CSDN通过智能技术生成

通过/deep/深度修改Element-ui的样式内容

为要修改的组件标签的类名进行样式修改，可以保留 <style> 标签的 scoped 属性。

//使用/deep/修改Element内部样式
/deep/.el-input_inner {
    border-radius : 26px;
    width: 286px;
    height: 38px;
    padding: 2px 10px 2px 13px;
    font-family:'等线 Regular',"等线', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:15px;
    vertical-align: none;
    text-align: center;
    text-transform: none;
}

修改前：