javascript - HTML 单选按钮 : hide bullets

Question

我想要一个特定的表单组件充当单选按钮(一次只能选择一个选项)。然而，我不希望 radio 子弹显示，选择替代的展示方法，例如选择高光或其他一些方法。这将允许优雅降级:如果用户浏览器不支持 Javascript，它将降级为基本的单选按钮。我希望通过 Javascript 或 CSS 隐藏元素符号按钮。任何人都知道如何？谢谢。

Answer 1

可以使用以下 CSS 来隐藏单选按钮(当然不会失去可访问性):

input[type="radio"] {
    left: -999em;
    position: absolute;
}

使用 opacity: 0; 并不理想，因为按钮仍然存在，占用了页面空间。将其置于视线之外是可行的方法。