vue使用ElementUI如何修改checkbox复选框颜色
2019-03-25 17:18
1861 查看
开发中使用elementUi使用表单时候可能因项目需要更改默认的颜色样式,记录下怎么修改。
eleme默认的颜色的#409EFF 类蓝色的颜色
需要换颜色时候发现api里面好像没有修改的选项,只找到了按钮样式的时候可以修改的属性。
那么怎么修改呢?
我的方法是
1先把内容放上去,然后F12 打开开发者工具
2 选择多选框 查看elements的css样式
如图
找到这里 直接复制类名就好了
蓝色是饿了么默认的,橙色的是我修改的,是的直接把所有的类名全部复制过来了
需要注意的是
1 你要复制的地方不是一个,我这里是复制了四个!!!
选中后input和绑定内容的样色,背景色,鼠标hover的边框色等等 ,具体的自己找吧~
2 重新写的样式不能写在scoped的style里面,放scoped里面的话修改无效!
遇见问题,留作参考。
相关文章推荐
- matlab如何使用、显示、修改和如何创建用户自己的颜色映象
- 如何编写一个使用Store更新复选框的CheckboxGroup的插件
- 如何编写一个使用Store更新复选框的CheckboxGroup的插件
- 如何编写一个使用Store更新复选框的CheckboxGroup的插件
- MFC对话框如何使用工具栏并修改工具栏的背景颜色与自绘对话框统一
- MFC对话框如何使用工具栏并修改工具栏的背景颜色与自绘对话框统一(二)
- 如何编写一个使用Store更新复选框的CheckboxGroup的插件
- 基于vue的纯净checkbox组件,不依赖其他第三方库,导入即可使用,可自行修改样式
- 如何编写一个使用Store更新复选框的CheckboxGroup的插件
- 如何使用hugo搭建个人博客(二):修改主题:颜色,字体,布局
- 如何用JS取得单选框radiobox和复选框checkbox当前选中的值
- jquery如何判断checkbox(复选框)是否被选中
- (转) 如何使CheckBoxList的Attributes属性生效(修改微软的一个bug)
- ASP.NET基础教程-TreeView树控件-如何使用TreeView树控件结点前的复选框
- jquery如何判断checkbox(复选框)是否被选中
- LINQ to SQL 系列 如何使用LINQ to SQL插入、修改、删除数据
- ASP.NET DEMO 14: 如何在 GridView/DataGrid 模板列中使用自动回发的 CheckBox/DropDownList
- [BAdI]如何使用BAdi修改PO (processing to ME21N )(from Jack Wu)
- 如何使用ASP.NET代码查看、修改AD用户信息
- 【转】如何在 Visual Basic .NET 中使用 ADO.NET 检索和修改 Excel 工作簿中的记录