element ui 饿了么UI中el-dialog样式修改问题

最近在使用element-ui时，使用到了弹窗组件：

element-ui 官网链接地址：
element-ui 官网链接地址

类似于以下代码：

<el-dialogtitle="提示":visible.sync="dialogVisible"width="30%":before-close="handleClose"><span>这是一段信息</span><span slot="footer" class="dialog-footer"><el-button @click="dialogVisible = false">取 消</el-button><el-button type="primary" @click="dialogVisible = false">确 定</el-button></span>
</el-dialog>

我在使用过程中，发现弹窗行间样式不是我想要的，但是通过定义classname,然后在进行样式的更改不起作用，由于权重的问题，在样式后面添加 !important 无穷权重也是不可以。

解决方法就是：去掉底部样式中的scoped,然后再进行页面级样式的更改即可。

element ui 饿了么UI中el-dialog样式修改问题相关推荐

layui数据表格自定义复选框表头_layui中table表头样式修改方法
如下所示: layui.use('table', function () { var table = layui.table; table.render({ elem: '#desTable' , u ...
layui表头样式_layui中table表头样式修改方法
如下所示: layui.use('table', function () { var table = layui.table; table.render({ elem: '#desTable' , u ...
layui表头样式_js相关：layui中table表头样式修改方法
js相关:layui中table表头样式修改方法发布于 2020-7-25| 复制链接分享一篇关于layui中table表头样式修改方法,具有很好的参考价值,希望对大家有所帮助.一起跟随小妖过来看 ...
(vue)提示Tooltip/el-popover在下拉选框option中用法及样式修改
(vue)提示Tooltip/el-popover在下拉选框option中用法及样式修改 iview效果 Eleement-ui效果代码 <Optionv-for="(item, i ...
layui设置表格表头字体_layui中table表头样式修改方法
如下所示: layui.use('table', function () { var table = layui.table; table.render({ elem: '#desTable' , u ...
element UI 饿了么 UI 分页按钮不显示的问题
一个很坑的深坑 element UI 的按钮不显示的深坑 <el-paginationbackground@size-change="availableStore2TableH ...
element UI 饿了么 UI 分页按钮不显示的问题
https://blog.csdn.net/sinat_37255207/article/details/88914235 一个很坑的深坑 element UI 的按钮不显示的深坑 <e ...
Vue +Element UI (饿了么UI) +Echarts 实现图表自适应配置
接到一个需求,让用户能够通过配置, 配置出自己想要的统计图, 填入数据分析需求: 需要客户配置的数据项有哪些? 客户配置数据的存储 JSON转String 存数据库就行..... 一.可配置的项主 ...
antd中默认的样式修改不了咋办呢，捉急呀
使用antd,想要修改默认的样式,一直无法生效?? 1.添加类名或者样式style 直接在相应组件上添加想要的样式相应的属性style,但是这种方式经常不会生效. 2.使用:global{}属性覆盖默 ...

element ui 饿了么UI中el-dialog样式修改问题

element ui 饿了么UI中el-dialog样式修改问题相关推荐

最新文章

热门文章