element-ui 如何修改el-popconfirm的样式

改造之前效果

element-ui 如何修改el-popconfirm的样式_第1张图片

改造之后效果

element-ui 如何修改el-popconfirm的样式_第2张图片

代码:

总结:可以F12打开元素查看每一个el元素,这里会显示其自己的样式名称,如:

element-ui 如何修改el-popconfirm的样式_第3张图片element-ui 如何修改el-popconfirm的样式_第4张图片

找到自己想要修改的样式,再进行更具体的修改,例如下面可以看到这个弹窗的最外层的样式名为my-popconfirm,然后接着在这个名称下找到更细节的模块样式名称修改。

element-ui 如何修改el-popconfirm的样式_第5张图片

你可能感兴趣的:(ui,javascript,css)