uniapp radio 选中字体颜色
时间: 2024-09-28 10:15:36 浏览: 33
Jquery获取radio选中的值
在uniApp中,Radio组件的样式可以通过CSS来自定义,包括选中状态下的字体颜色。你可以通过设置`.u-radio-checked`这个伪类来改变选中时的文字颜色。例如:
```css
.u-radio-checked {
color: /* 你想要的颜色,如红色 */ red;
}
```
将这段CSS添加到你的项目中全局样式表(index.html里的<template><style>部分),或者直接应用在需要修改的Radio元素上。这样,当Radio被选中时,文字就会显示为你指定的颜色。
如果你想要给单个 Radio 组件自定义样式,可以这样做:
```html
<u-radio value="1" class="custom-radio" :checked="radioValue === '1'" @change="handleRadioChange">选项1</u-radio>
<style scoped>
.custom-radio .u-radio-checked {
color: red;
}
</style>
```
在这段代码中,`.custom-radio` 类会覆盖全局的 `.u-radio-checked` 样式,并且只有当 `value` 属性匹配 `radioValue` 的值时,文字才会变色。
阅读全文