el-radio-button 如何设置鼠标悬停效果
时间: 2023-07-07 17:04:25 浏览: 257
按钮应用悬停效果
您可以使用 CSS 中的 `:hover` 伪类选择器来设置鼠标悬停效果。以下是一个示例:
```html
<el-radio-button class="hover-effect">选项1</el-radio-button>
```
```css
.hover-effect:hover {
background-color: #e6f7ff;
}
```
在上面的示例中,我们给 `el-radio-button` 元素添加了一个名为 `hover-effect` 的 class,然后在 CSS 中使用 `:hover` 伪类选择器来设置鼠标悬停时的背景色为淡蓝色。您可以根据需要修改背景色或添加其他效果。
阅读全文