.el-message-box .el-button中选中时背景颜色为红色
时间: 2023-08-08 16:05:27 浏览: 53
你可以在`.el-message-box .el-button`中添加如下CSS样式来修改选中时按钮背景颜色为红色:
```css
.el-message-box .el-button:focus {
background-color: red;
}
```
这样,当按钮被选中时,背景颜色就会变为红色。如果你只想针对特定的按钮进行样式修改,可以使用伪类选择器来选择特定的按钮。例如,如果你只想修改确认按钮的样式,可以这样写:
```css
.el-message-box .el-button--primary:focus {
background-color: red;
}
```
这样,只有带有“el-button--primary”类的按钮在被选中时背景颜色才会变为红色。
相关问题
只修改.el-message-box{}中botton的样式
你可以在.el-message-box{}中添加如下CSS样式来修改button的样式:
```css
.el-message-box button {
/* 添加你想要的样式 */
}
```
例如,你可以修改按钮的颜色、字体大小、边框等等。如果你只想修改其中一些按钮而不是全部,可以使用伪类选择器来选择特定的按钮。例如,如果你只想修改取消按钮的样式,可以这样写:
```css
.el-message-box button.cancel {
/* 添加你想要的样式 */
}
```
这样,只有带有“cancel”类的按钮会被样式化。
.el-avatar背景颜色
您可以通过以下方式为.el-avatar设置背景颜色:
1. 如果您使用的是CSS,请在样式表中添加以下代码:
```css
.el-avatar {
background-color: [颜色值];
}
```
将[颜色值]替换为您想要的背景颜色,可以使用颜色名称(如"red")或十六进制值(如"#FF0000")。
2. 如果您使用的是Vue.js或Element UI框架,可以直接在模板中设置el-avatar的背景颜色属性:
```html
<el-avatar :style="{ backgroundColor: '[颜色值]' }"></el-avatar>
```
同样,将[颜色值]替换为您想要的背景颜色。
请注意,以上代码仅供参考,具体的实现方式可能因您使用的技术栈或框架而有所不同。