element UI -- 默认样式修改不成功的问题(转载)
UI -- 修改 成功 默认 转载 样式 Element
2023-09-11 14:21:28 时间
转载链接:https://blog.csdn.net/bobobocai/article/details/81873125
有的时候element提供的默认的样式不能满足项目的需要,就需要对标签的样式进行修改,但是发现修改的样式不起作用
解决方法:去掉scoped
注意:此时该样式会污染全局样式,可以把它放在公共的css里面
为了不让所有的 el-dialog标签都是该样式,可以在HTML给改加上一个类名,比如own
<el-dialog class="own" title="详情" :visible.sync="dialogTableVisible" >
<style lang="css">
/*特别注意 .own 后面必须有一个空格,否则无效*/
.own .el-form-item{
margin-bottom: 0px;
}
.own .el-dialog__header {
padding: 10px 10px 10px 15px ;
}
.own .el-dialog__body {
padding: 0px 10px 10px 10px;
color: #606266;
font-size: 14px;
word-break: break-all;
}
</style>
相关文章
- 如何做ui自动化---步骤详解
- 在UI上制作动画的方案选择
- UI框架搭建三部曲之三:应用技巧篇
- UI--仿IOS控件之ActionSheet样式 and more..
- 基于vue 的 UI框架 -- Mint UI
- 不会做UI自动化测试?一起设计框架再实践吧
- UI 意见征集 - 博客文章、个人主页
- QT中QThread的各个方法,UI线程关系,事件关系详解(2)
- AngularJS路由系列(5)-- UI-Router的路由约束、Resolve属性、路由附加数据、路由进入退出事件
- AngularJS路由系列(3)-- UI-Router初体验
- 记一次艰难的jquery easy-ui ajax post 体验
- 【FAQ】【ARK UI】HarmonyOS ETS 横竖屏适配
- 【Java UI】HarmonyOs如何集成ButterKnife
- 《jQuery、jQuery UI及jQuery Mobile技巧与示例》——7.7 技巧:使用进度条微件显示进程的状态
- Android系统Surface机制的SurfaceFlinger服务渲染应用程序UI的过程分析
- Mockjs---自定义静态数据---Vue ui视图化的创建项目的笔记
- element-ui样式修改
- 2022版本unity-2D游戏官方案例【2】--带视频案例(层级渲染,物理碰撞,粒子动画,UI等多位基础一体化)
- 2022版本unity-2D游戏官方案例--带视频案例(1)(层级渲染,物理碰撞,粒子动画,UI等多位基础一体化)
- 【ARK UI】HarmonyOS 如何实现新闻列表
- Android经常使用UI包裹 - EditText
- iOS之UI--主流框架的搭建--仿制QQ的UI框架
- iOS之UI--辉光动画
- IOS之UI--自定义按钮实现代理监听点击事件
- IOS之UI--小实例项目--添加商品和商品名(使用xib文件终结版) + xib相关知识点总结
- 编程实战——电影管理器之界面UI及动画切换