1. 在组件上定义类值: class="status_change" 2. 定义style // 不要在style上定义socpe <style lang="less"> .status_change{ .el-dialog__header{ background-color:#4A77AC; .el-dialog__title,.el-dialog__headerbtn i{ color: white; } } } </style> 效果:...
首先,你需要确定要修改样式的el-dialog组件在Vue组件模板中的位置。例如,你可能在一个名为MyComponent.vue的文件中有一个el-dialog组件。 2. 查找el-dialog的header样式的相关CSS类名或ID el-dialog的header部分的CSS类名是.el-dialog__header。这是Element UI框架为el-dialog组件的header部分定义的默认类名。 3...
1. 在组件上定义类值: class="status_change" 2. 定义style // 不要在style上定义socpe <style lang="less"> .status_change{ .el-dialog__header{ background-color:#4A77AC; .el-dialog__title,.el-dialog__headerbtn i{ color: white; } } } </style> 效果:...
修改element ui样式,el-dialog__header样式,并且不影响全局,1.在组件上定义类值:class="status_change"2.定义style//不要在style上定义socpe<style lang="less">.status_change{.el-dialog__header{background-color:#4A77AC;.e...