如何控制单选按钮的内黑圈的大小?
zxlwwiss1#
简短回答:你不能。长回答:你可以隐藏实际的单选按钮,并使用css创建一个“假”单选按钮。有很多关于如何做到这一点的例子,例如。https://moderncss.dev/pure-css-custom-styled-radio-buttons/
esyap4oy2#
可以通过减小外圆的边框宽度来减小它。内圈的大小是外圈边框宽度大小的50%ion-radio { --border-width:0.5px }
c6ubokkw3#
你不能用简单的方式来做这件事。单选按钮控件是用于读取页面的浏览器功能。解决这个问题的方法是使用一些CSS技巧,使用按钮元素的before和after属性来有效地创建一个假按钮,切换或其他类似的控件。如果你搜索类似“css样式单选按钮”的东西,你会在网上找到很多例子--比如59的this list(!人们用颜色、形状和图像做了不同的事情。
before
after
3条答案
按热度按时间zxlwwiss1#
简短回答:你不能。
长回答:你可以隐藏实际的单选按钮,并使用css创建一个“假”单选按钮。有很多关于如何做到这一点的例子,例如。https://moderncss.dev/pure-css-custom-styled-radio-buttons/
esyap4oy2#
可以通过减小外圆的边框宽度来减小它。内圈的大小是外圈边框宽度大小的50%
ion-radio { --border-width:0.5px }
c6ubokkw3#
你不能用简单的方式来做这件事。单选按钮控件是用于读取页面的浏览器功能。
解决这个问题的方法是使用一些CSS技巧,使用按钮元素的
before
和after
属性来有效地创建一个假按钮,切换或其他类似的控件。如果你搜索类似“css样式单选按钮”的东西,你会在网上找到很多例子--比如59的this list(!人们用颜色、形状和图像做了不同的事情。