是否可以使用CSS将RadioButtonList呈现的单选按钮与其标签分组？

Question

我们正在使用CMS（Kentico），它在内部使用ASP.NET webforms RadioButtonList在自定义表单上呈现单选按钮。通过CMS，我们仍然可以控制此控件的RepeatDirection和RepeatLayout属性，但很少。

要求是水平显示无线电，以便RepeatDirection 水平和RepeatLayout 流量实现此目的。但是，渲染标记只是<input />和<label />元素的交替列表。

当单选按钮列表开始换行时，问题出现在窄设备宽度上。 <input />和<label />元素单独包装，因此您将失去控件和标签之间的可视分组。

由于我们不能直接影响标记，我们有什么选择来模拟HTML分组？我担心这可能是一个只有JS的解决方案，如果可能的话我想避免。

Answer 1

如果您需要自定义HTML标记，则应考虑使用普通SELECT元素和普通OPTION元素（或您可能需要的任何标记）。

如果需要一些处理程序或服务器交互，您可以将runat =“server”属性与这些元素上的id一起使用。 ASP将其作为Web控件处理（请参阅System.Web.UI命名空间）。 另一种选择是隐藏标准ASP控件，如果自定义标记中的选项发生更改，则通过Javascript设置隐藏值。如果您需要设置一些fency自定义无线电，这也是一个非常好的解决方案。