美文网首页
笔记:如何修改element-UI的默认样式

笔记:如何修改element-UI的默认样式

作者: ForeverYoung_06 | 来源:发表于2019-08-01 09:49 被阅读0次

vue项目的好朋友就是element啦,可是在开发过程中总有UI框架和实际需求不符的情况

遇到这样的情况呢,一般有几种方法:

1.和你的UI小朋友沟通

2.换个UI框架

3.修改默认样式

这里我们详细讲讲第三种方法。当然不是所有的样式都可以改,我目前遇到的只是修改了颜色,宽高啥的。一些动态生成的元素是不好修改的。

我的修改方法简单粗暴,经历路程也是十坎坷,大家不到万不得已不要学我;

在node_modules文件夹中找到elelment -ui 就是它

文件夹位置

找到lib文件夹下面的theme-chalk下面的index.css

l文件夹位置 index.css

想改啥就在index.css中Ctrl+F,找到元素类名修改就好了。

简单又粗暴。当然还有其他方法,这样的坏处是会修改全局的样式。

相关文章

  • 笔记:如何修改element-UI的默认样式

    vue项目的好朋友就是element啦,可是在开发过程中总有UI框架和实际需求不符的情况 遇到这样的情况呢,一般有...

  • 如何修改Element-ui组件默认样式

    在前端项目中会运用各种组件,有时组件的默认样式并不是你项目中所需要的,你需要更改样式,但修改样式并不成功,我这次也...

  • 修改element-ui默认样式样式

    或者 去掉scoped,因为scoped会把样式局限在当前页面 el-form-item__label之前要加de...

  • 修改element-ui全局样式

    应用中经常会遇到根据美工设计,修改element-ui中table、input等组件默认样式的需求 一般解决的方法...

  • 如何修改Word默认样式

    1. 打开 Word,在“开始”选项卡“样式”选项组右下角单击小箭头按钮,(或者直接在键盘上按组合键:“Ctrl+...

  • ElementUI笔记

    //【树结构下拉菜单的样式修改】 //【Tree 树形控件】 1、选中样式 //【element-ui中dialo...

  • 修改默认样式

    点击,聚焦input不出现框 取消select默认样式 只允许输入字符 取消input提示栏 jQuery选中被选...

  • 如何修改MintUI的默认样式

    由于最近在学习Vue。 所以想使用Vue框架模仿网易云音乐做一个App。 其中用到的就是MintUI框架,不过在使...

  • 怎样修改element-ui中的样式?

    【!!!敲黑板讲重点啦】修改element-ui样式的时候不要加scoped!!! scoped会把样式局限在当前...

  • css默认样式处理

    浏览器双击选中文字 a标签默认样式 input默认样式 默认checkbox样式修改 button的disable...

网友评论

      本文标题:笔记:如何修改element-UI的默认样式

      本文链接:https://www.haomeiwen.com/subject/azotdctx.html