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


相关文章
|
1月前
|
JavaScript
vue里样式不起作用的方法,可以通过deep穿透的方式
vue里样式不起作用的方法,可以通过deep穿透的方式
24 0
|
22天前
|
JSON 小程序 前端开发
小程序中使用npm安装vant组件实现按需引入减少代码包大小,避免触发用户隐私协议
微信小程序按需引入 vant 组件,自动清除项目中未使用的 vant 组件,减少代码包大小,避免因未使用到的 vant 组件触发隐私协议提交审核时被拒
31 1
小程序中使用npm安装vant组件实现按需引入减少代码包大小,避免触发用户隐私协议
|
9月前
|
JavaScript
动态给vue的data添加一个新的属性时会发生什么?怎样解决?
动态给vue的data添加一个新的属性时会发生什么?怎样解决?
149 1
|
10月前
|
JSON 小程序 前端开发
小程序引入第三方插件Vant和小程序WeUl组件库
现如今前端的技术再向框架化的发展,框架的使用提高我们的编码的效率和性能的优化,同样CSS样式也是越来越高的要求,今天我要向大家介绍的就是较火的前端UI框架Vant UI组件库
209 0
|
前端开发 JavaScript Devops
组件库设计 | 让你的React组件获得代码补全和属性提示功能
博主在开发组件库以及实际项目测试过程中,突然发现Concis的组件都需要去手写,而回想以前使用antd/el组件库时都是可以自动生成代码块的,并且移到标签中可以看到对应的一些提示信息,于是博主开始探索Vscode插件的开发了。
203 1
|
前端开发 JavaScript 测试技术
全网最细:Jest+Enzyme测试React组件(包含交互、DOM、样式测试)
Jest是目前前端工程化下单元测试火热的技术栈,而Enzyme的支持提供了Jest测试React业务、组件的能力,下面来介绍一下React组件测试的一些实际场景。
92 1
|
前端开发 JavaScript
Umi 4 特性 03:默认最快的请求
Umi 4 特性 03:默认最快的请求
457 0
antd组件库封装44-添加字体变量方案
antd组件库封装44-添加字体变量方案
70 0
antd组件库封装44-添加字体变量方案
antd组件库封装42-样式解决方案分析
antd组件库封装42-样式解决方案分析
93 0
antd组件库封装42-样式解决方案分析
|
JavaScript API
动态组件与数据穿透_vue3选项api
动态组件与数据穿透_vue3选项api

热门文章

最新文章