vue项目中引入全局样式覆盖el-tree样式

ゝ一纸荒年。 2023-06-25 03:02 14阅读 0赞

1，如何引入全局样式  
①创建一个styl文件，app.styl  
②在main.js(项目的主文件)文件中引入import ‘./app.styl’ 文件

如我的项目中  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk5NDczMQ_size_16_color_FFFFFF_t_70]  
2 覆盖el-tree的样式

.app{
      .el-checkbox .is-checked .el-checkbox__inner{
        background-color: green;
        /*   background-color: red;*/
        border: #43a6ff;
      }
      .el-checkbox .is-disabled.is-checked .el-checkbox__inner{
        background-color: #4c5e7b;
        border: #43a6ff;
      }
    
      .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
        background-color: green;
        border-color: #409EFF;
      }
    
    }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk5NDczMQ_size_16_color_FFFFFF_t_70 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk5NDczMQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191224203623858.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk5NDczMQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk5NDczMQ_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20191224203710722.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk5NDczMQ==,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，14人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue全局修改滚动条样式

::-webkit-scrollbar — 整个滚动条 ::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头) ::-webkit-sc

不念不忘少年蓝@/ 2023年10月09日 19:21/ 0 赞/ 68 阅读

相关 style scoped 中修改全局样式（样式穿透）

style scoped 中修改全局样式（样式穿透） .imgWraper { /deep/ .el-upload{

落日映苍穹つ/ 2023年06月30日 08:53/ 0 赞/ 32 阅读

相关 vue项目中引入全局样式覆盖el-tree样式

1，如何引入全局样式 ①创建一个styl文件，app.styl ②在main.js(项目的主文件)文件中引入import ‘./app.styl’ 文件如我的项目中

ゝ一纸荒年。/ 2023年06月25日 03:02/ 0 赞/ 15 阅读

相关 vue---el-input样式覆盖

给 el-input 添加样式 dialog-input-text ，scss 样式里面添加对应的样式 <el-input class='dialog-input-

以你之姓@/ 2023年06月14日 02:52/ 0 赞/ 24 阅读

相关 vue 覆盖elementUI的样式，如覆盖el-form表单的样式

vue 覆盖elementUI的样式，如覆盖el-form表单的样式例如：el-form 表单中的 el-form-item，修改校验后的错误信息样式实现：

妖狐艹你老母/ 2023年06月11日 05:29/ 0 赞/ 20 阅读

相关 uni-app引入全局样式

<style> /每个页面公共css / / App.vue 引入全局公共样式 / / 1.引入样式库 / / uni

「爱情、让人受尽委屈。」/ 2022年11月15日 03:55/ 0 赞/ 261 阅读

相关 vue项目全局中引入scss

一、概述有一个scss文件，需要应用到每一个vue文件。如果每一个vue文件写重复代码，浪费精力。关于scss的安装，请参考链接：[https://www.cnbl

朴灿烈づ我的快乐病毒、/ 2022年10月15日 11:52/ 0 赞/ 272 阅读

相关样式覆盖问题

最近做前端使用外源框架，需要对框架本身使用的样式进行本地调适，这就涉及到了优先的问题。一般，样式写在外部文件，然后引入外部文件。通过chorme控制台的Element工具定

￡神魔★判官ぃ/ 2022年06月01日 06:43/ 0 赞/ 232 阅读

相关 vue使用scss，并且全局引入公共scss样式

要如何在我们的vue项目中全局引入scss文件呢？ 1. `main.js`可以直接`import css`文件，而不可以直接`import scss`文件。 2. 在i

Myth丶恋晨/ 2022年01月17日 00:39/ 0 赞/ 805 阅读

相关 css样式表中的样式覆盖顺序

有时候在写`CSS`的过程中，某些限制总是不起作用，这就涉及了`CSS`样式覆盖的问题，如下 <!DOCTYPE html> <html lang="en">

偏执的太偏执、/ 2021年06月26日 16:06/ 0 赞/ 483 阅读