el-radio-group 按钮形状
时间: 2023-08-17 16:12:55 浏览: 94
elementUi vue el-radio 监听选中变化的实例代码
5星 · 资源好评率100%
el-radio-group按钮的形状可以通过修改样式来改变。根据引用\[3\]中的代码,可以使用以下样式修改el-radio的形状为方框:
```css
/deep/ .el-radio__inner {
border-radius: 2px !important;
}
/deep/ .el-radio__input.is-checked .el-radio__inner::after {
content: '';
width: 8px;
height: 3px;
border: 1px solid white;
border-top: transparent;
border-right: transparent;
text-align: center;
display: block;
position: absolute;
top: 3px;
left: 2px;
transform: rotate(-45deg);
border-radius: 0px;
background: none;
}
```
将以上样式添加到你的代码中,el-radio-group按钮的形状将会变为方框。
#### 引用[.reference_title]
- *1* *2* [改写el-radio 样式为el-checkbox,另外添加上取消已选中项的功能](https://blog.csdn.net/m0_65835778/article/details/129169088)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [el-radio单选框样式修改为多选框样式](https://blog.csdn.net/qq_45479398/article/details/129120162)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文