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

Question

如何控制单选按钮内暗圆的大小？

Answer 1

简短的回答:你不能。

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

Answer 2

你不能直截了当地做这件事。单选按钮控件是用于读取页面的浏览器的一个功能。

方法是使用一些CSS技巧，使用按钮元素的before和after属性来有效地创建一个假按钮、切换或其他类似的控件。如果你搜索类似于"css样式单选按钮“的东西，比如这份清单 of 59(!)，你会在网上找到很多例子。人们对颜色、形状和图像所做的不同的事情。