uniapp radio组件如何更改按钮颜色？

最新推荐文章于 2024-04-17 11:29:37 发布

weixin_42220130

最新推荐文章于 2024-04-17 11:29:37 发布

阅读量1.2k

点赞数 2

分类专栏： uniapp 文章标签： uni-app 组件 radio color

本文链接：https://blog.csdn.net/weixin_42220130/article/details/128574859

版权

uniapp 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

文章展示了如何使用CSS样式来改变radio按钮的大小和颜色，通过`transform:scale(0.55)`进行缩放，`color:#3fa0f8`设定字体颜色，同时在`radio`元素中应用了`translateY(-1px)`进行垂直对齐调整。

摘要由CSDN通过智能技术生成

在这里插入图片描述

大小用css样式transform: scale(0.55) ，颜色用color: '#3fa0f8'

在这里插入图片描述
大概样式

<view class="">
	<radio-group name="radio">
		<label>
			<radio color="#3fa0f8" value="resolved" style="transform: scale(0.55) translateY(-1px);" checked="true" />
			<text>已解决</text></label>
		<label>
			<radio color="#3fa0f8" value="unresolved" style="transform: scale(0.55) translateY(-1px);" />
			<text>未解决</text>
		</label>
	</radio-group>
</view>