![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
王佑辉
个人笔记,多谢指正,不喜勿喷
展开
-
【css】修改el-tree默认滚动条样式
.common-tree::-webkit-scrollbar { width: 4px; height: 10px;}.common-tree::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.04); border-radius: 10px;}原创 2022-03-18 12:45:39 · 981 阅读 · 0 评论 -
【vue】通过变量动态修改标签样式(特别是颜色)
1.效果图2.问题说明1.应用场景:通过动态选择界面上的样式属性,例如字体大小、字体、是否加粗以及颜色,从而改变界面上的展示效果2.有的表单内的样式可能无法覆盖或者没法改变3.达到变量改变后,css样式中也发生改变的效果3.代码示例<template> <div id="app"> <div class="div" :style="{'--fontColor': setting.fontColor, '--fontFamily': setting.原创 2021-10-19 20:12:53 · 7475 阅读 · 0 评论 -
【css】文字过长的部分显示为点点点
1.divwhite-space: nowrap;overflow: hidden;text-overflow: ellipsis;2.spandisplay:inline-block;white-space: nowrap;width:170px;overflow: hidden;text-overflow: ellipsis;原创 2021-06-08 15:20:21 · 601 阅读 · 0 评论 -
【vue】vue页面使用scss样式
【vue】vue页面使用scss样式1.引入sass-loader模块【vue】vue页面使用scss样式//这里使用7.0.1版本npm install sass-loader@7.0.12.引入node-sass模块【vue】vue页面使用scss样式//这里使用4.12.0版本npm install node-sass@4.12.03.vue页面使用【vue】vue页面使用scss样式<style lang='scss'>//样式代码</style>原创 2021-04-15 17:05:33 · 552 阅读 · 0 评论 -
【css】i标签icon图标旋转样式
【css】i标签icon图标旋转样式【css】i标签icon图标旋转样式【css】i标签icon图标旋转样式代码示例:<i class="el-icon-refresh" style="font-size: 22px;animation: rotating 2s linear infinite reverse;"></i>图片示例:注意:1.el-icon-refresh是elementui图标样式2.animation-direction可以控制旋转方向:原创 2021-01-07 13:36:08 · 3115 阅读 · 0 评论