uniapp组件radio按钮官方的样式不好看，我们可以自己定义自己的样式，根据我们的主题样式来。
1、页面代码：
<view>
<view>
课程
</view>
<radio-group :name="raido" >
<label>
<radio value="语文"/><text>语文</text>
</label>
<label>
<radio value="数学"/><text>数学</text>
</label>
<label>
<radio value="英语"/><text>英语</text>
</label>
</radio-group>
</view>2、自定义样式，以下根据需求修改
<style>
/* 选中后的 背景样式 （红色背景 无边框 可根据UI需求自己修改） */
.radiobox radio .wx-radio-input.wx-radio-input-checked{
background: #3c77ed;
border: 1px solid #3c77ed;
}
/* 选中后的 对勾样式 （白色对勾 可根据UI需求自己修改） */
.radiobox radio .wx-radio-input.wx-radio-input-checked::before{
}
</style>
关于简忆
简忆诞生的故事
粤ICP备16092285号
文章评论（0）