sass中使用穿透属性(deep)修改第三方组件样似

简介: sass中使用穿透属性(deep)修改第三方组件样似
<el-form-item>
          <el-button class="save-btn" type="primary" @click="submitForm('ruleForm')">保存</el-button>
 </el-form-item>
//按钮的字体色是白色
.save-btn /deep/ span{
 color: #fff;
}
.save-btn:hover{
 background:  #409EFF;
}
.save-btn:focus{
 background:  #409EFF;
}


相关文章
|
2月前
|
缓存 JavaScript
Vue加载网络组件(远程组件)
【10月更文挑战第23天】在 Vue 中实现加载网络组件(远程组件)可以通过多种方式来完成。
|
3月前
|
JavaScript 前端开发
vue全局公共组件自动引入并注册,开发效率直接起飞!
【10月更文挑战第14天】vue全局公共组件自动引入并注册,开发效率直接起飞!
85 1
|
5月前
|
JavaScript API
vue 批量自动引入并注册组件或路由
vue 批量自动引入并注册组件或路由
173 59
|
3月前
|
JavaScript API
vue 批量自动引入并注册组件或路由等等
【10月更文挑战第12天】 vue 批量自动引入并注册组件或路由等等
|
8月前
|
JavaScript
vue里样式不起作用的方法,可以通过deep穿透的方式
vue里样式不起作用的方法,可以通过deep穿透的方式
526 0
|
JavaScript 前端开发
Vue系列教程(21)- 自定义404页面&路由模式
Vue系列教程(21)- 自定义404页面&路由模式
62 1
|
JavaScript
动态给vue的data添加一个新的属性时会发生什么?怎样解决?
动态给vue的data添加一个新的属性时会发生什么?怎样解决?
205 1
|
JavaScript 前端开发 API
带你读《现代Javascript高级教程》二十二、JS Shadow DOM:创建封装的组件和样式隔离(1)
带你读《现代Javascript高级教程》二十二、JS Shadow DOM:创建封装的组件和样式隔离(1)
136 0
|
JavaScript 前端开发 API
带你读《现代Javascript高级教程》二十二、JS Shadow DOM:创建封装的组件和样式隔离(2)
带你读《现代Javascript高级教程》二十二、JS Shadow DOM:创建封装的组件和样式隔离(2)
145 0
|
JavaScript API
vue 批量自动引入并注册组件或路由实现详解
vue 批量自动引入并注册组件或路由实现详解
275 0