uni-app radio的样式如何修改

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uni-app radio的样式如何修改相关的知识,希望对你有一定的参考价值。

前端中的input类标签中的radio和checkbox前面的选框的样式是不能改变的,但是这往往会造成我们在用起来时候样式的局限性,以下是改变样式的方法:隐藏默认样式,并将自己喜欢的样式作为背景图片显示;
首先:将默认样式隐藏,代码为
input[type = "radio"]
display: none;
参考技术A 可以 css transform 进行缩小
默认的颜色是蓝色
可以直接在标签 里面加入color:'red'
参考技术B 前端中的input类标签中的radio和checkbox前面的选框的样式是不能改变的,但是这往往会造成我们在用起来时候样式的局限性,以下是改变样式的方法:隐藏默认样式,并将自己喜欢的样式作为背景图片显示;
首先:将默认样式隐藏,代码为
input[type = "radio"]
display: none;


望采纳!

以上是关于uni-app radio的样式如何修改的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序radio组件 - 如何改变默认样式大小?

小程序 之修改radio默认样式

修改手机端radio 样式

radio checkbox 修改默认样式

微信小程序修改radio内部样式

支付宝小程序开发——修改小程序原生radio默认样式