.hidden-circle .el-radio__inner { border-color: transparent; } .hidden-circle .el-radio__inner::after { display: none; }没生效
时间: 2024-01-22 08:17:21 浏览: 118
这段代码看起来是用于隐藏 Element UI 中的 radio 组件的圆形选中状态的。如果没有生效,可能有以下原因:
1. 没有正确引入 Element UI 样式文件。请确保在 HTML 文件中正确引入了 Element UI 样式文件,例如:
```html
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
```
2. 没有正确设置 radio 组件的 class。请确保给 radio 组件添加了 `hidden-circle` class,例如:
```html
<el-radio class="hidden-circle" v-model="radio" label="1">选项一</el-radio>
```
3. 其他样式覆盖了该段代码。请检查其他样式是否会影响到 radio 组件的样式,如果有,请调整样式的优先级或者修改其他样式。
如果以上方法都不行,请提供更多代码或者具体情况,我可以帮你更好地解决问题。
阅读全文