reactjs 在CSS中控制单选按钮的内圆大小

6mw9ycah  于 2023-05-28  发布在  React
关注(0)|答案(3)|浏览(124)

如何控制单选按钮的内黑圈的大小?

zxlwwiss

zxlwwiss1#

简短回答:你不能。
长回答:你可以隐藏实际的单选按钮,并使用css创建一个“假”单选按钮。有很多关于如何做到这一点的例子,例如。https://moderncss.dev/pure-css-custom-styled-radio-buttons/

esyap4oy

esyap4oy2#

可以通过减小外圆的边框宽度来减小它。内圈的大小是外圈边框宽度大小的50%
ion-radio { --border-width:0.5px }

c6ubokkw

c6ubokkw3#

你不能用简单的方式来做这件事。单选按钮控件是用于读取页面的浏览器功能。
解决这个问题的方法是使用一些CSS技巧,使用按钮元素的beforeafter属性来有效地创建一个假按钮,切换或其他类似的控件。如果你搜索类似“css样式单选按钮”的东西,你会在网上找到很多例子--比如59的this list(!人们用颜色、形状和图像做了不同的事情。

相关问题