消除el-button透明白底
时间: 2023-07-06 15:38:12 浏览: 234
你可以使用以下 CSS 样式来消除 `el-button` 组件的透明白底:
```css
.el-button {
background-color: #fff;
border-color: #ccc;
color: #333;
}
```
这样设置后,`el-button` 组件的背景颜色将不再透明,而是白色,边框颜色为灰色,文字颜色为黑色。你可以根据自己的需求来调整颜色值。
相关问题
el-button背景颜色设为透明border设为none后,还会有白底如何去除
如果你将 `el-button` 的背景颜色设为透明并且去掉了边框,但是仍然看到了白色背景,那么可能是因为 `el-button` 组件默认有一个背景色的渐变效果。你可以使用以下 CSS 样式来去除这个渐变效果:
```css
.el-button {
background-image: none;
}
```
这样设置后,`el-button` 组件的背景将不再有渐变效果,而是完全透明。如果你希望保留一些背景色,可以通过设置 `rgba` 颜色值来控制透明度,例如 `background-color: rgba(255, 255, 255, 0.5);` 表示白色背景并且透明度为 50%。
阅读全文
相关推荐

















