el-dialog title颜色
时间: 2023-05-08 20:56:31 浏览: 156
【JavaScript源代码】element-ui 弹窗组件封装的步骤.docx
el-dialog title的颜色可以通过CSS属性来控制。
在默认情况下,el-dialog title的颜色是由样式类“el-dialog__header”的颜色控制的。如果要更改它的颜色,可以使用以下CSS样式:
.el-dialog__header {
background-color: #f44336; /* 颜色可以自定义 */
color: #fff; /* 可以设置标题的文字颜色 */
}
以上代码将el-dialog标题的背景颜色更改为浅红色,并将文字颜色更改为白色。
如果只想更改el-dialog标题的文字颜色,可以使用以下CSS样式:
.el-dialog__header h3 {
color: #f44336; /* 颜色可以自定义 */
}
以上代码将el-dialog标题的文字颜色更改为浅红色。
总之,通过用CSS来修改el-dialog title的样式,可以实现更好的视觉效果和更好的用户体验。
阅读全文