用css隐藏检查单选按钮

Question

我想知道是否可以使用 css 隐藏选中的单选按钮：

   { display:none; }

我不知道如何解决这个问题。选中的单选按钮始终显示“无”，这对用户没有任何意义，我希望将其隐藏。这可能吗？感谢您的任何指示。

原文由 bertassa 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

只是一个小提示：

如果您仍想使用浏览器对单选框和复选框的所有本机支持，例如使用 ↑ 和 ↓ 键在它们之间移动，请将 css 设置为：

 position: fixed;
opacity: 0;
pointer-events: none;

这将保留所有功能但隐藏输入，并且不会占用任何布局空间。

我花了最后 3 个小时来解决这个问题，但它确实有效！

原文由 Joe H 发布，翻译遵循 CC BY-SA 4.0 许可协议