我是靠谱客的博主 结实大碗,最近开发中收集的这篇文章主要介绍5.css样式全局配置5.css样式全局配置,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

5.css样式全局配置

1.可参考上一篇文档

  • srcassetsscss目录下新建global.scss全局配置样式文件

内容如下:

/* 定义全局样式表 */
html,
body,
#app {
  margin: 0px;
  padding: 0px;
  height: 100%;
  width: 100%;
  background-color: #6699ff;
}
// 举例 :全局配置修改element默认的颜色
.el-button--primary {
  background: #3f77f5;
  border: 1px solid #3f77f5;
}

在这里插入图片描述

  • main.js中导入全局样式表
import  './assets/scss/global.scss'

在这里插入图片描述
效果
在这里插入图片描述
去掉了全局背景色,全局背景色将蓝色改为了白色,底下是按钮修改之后的样色
在这里插入图片描述

最后

以上就是结实大碗为你收集整理的5.css样式全局配置5.css样式全局配置的全部内容,希望文章能够帮你解决5.css样式全局配置5.css样式全局配置所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(47)

评论列表共有 0 条评论

立即
投稿
返回
顶部