前端面试题【element ui篇】之三：element-ui要改变默认样式有几种方法？

原创

于 2022-12-28 11:32:53 发布 · 222 阅读

CC 4.0 BY-SA版权

文章标签：

本文介绍了在Vue项目中使用Element-UI时如何修改其默认样式，包括在外部添加样式标签不带scoped、使用/deep/样式穿透和使用>>>穿透等方法，这些方法能有效调整组件样式而不影响全局。

当我们在vue中引入第三方组件库的时候，vue组件中样式的scoped就会成为我们修改样式的阻碍，有以下三种方法修改样式，并且不影响全局样式.

<style>
    .my{
   
   
        margin: 20px;
    }
    .my .el-input__inner{
   
   
        border-radius: 15px;/* 这个样式起效果 */
    }