使用 asp:CheckBox 控件获取与控件在同一行上的复选框文本答案

【问题标题】：get checkbox text on same line as control using asp:CheckBox control使用 asp:CheckBox 控件获取与控件在同一行上的复选框文本
【发布时间】：2020-10-03 23:10:52
【问题描述】：

我找到了很多关于这个的参考，但仍然无法让它发挥作用。有几个人指出了 7 年前的一篇帖子，该帖子听起来有类似的问题，但如下所述，解决方案根本不起作用。

我有以下asp代码：

<asp:CheckBox id="checkbox1" runat="server" Style="display:inline;"
     AutoPostBack="True" Text="Send Emails" TextAlign="Right"/>

显示如下：

如果我进入 Chrome 中的元素资源管理器，我会看到以下内容：

如果我像这样手动将样式属性添加到输入行（使用 Chrome Elements 右键菜单），它可以工作：

我做错了什么，我该如何解决？

更新：这是我最终要做的“解决方案”：

 <div >
   <input id="checkbox1" type="checkbox" name="checkbox1"  style="display: inline"/>
   <label for="checkbox1">I would like to receive periodic email</label>
 </div>

虽然这可行，但显然只是通过切换到 HTML 控件与 ASP 来完全避免这个问题。

【问题讨论】：

关于 SO 1的类似问题
这不太准确，您的链接是 7 年前的一个问题，该问题仅与我当前的问题部分相关。感谢您的努力和编辑，但该链接无法解决当前的问题。
这能回答你的问题吗？ Asp:CheckBox checkbox and text are not on the same line
不，我也已经找到了。它产生完全相同的结果。我已经在 Stack Overflow 上尝试了大约 5 个其他人——我确实花了大约 3 个小时来研究和尝试事情。我只是觉得愚蠢地告诉客户，在为他们设计了整个系统之后，我无法弄清楚这一点！ :)
你试过Style="display:inline !important;"

标签： css asp.net

【解决方案1】：

可能有一个解决方案。正如asp:CheckBox 创建三个控件，ID 为checkbox1 尝试ID 的css

#checkbox1
{
   display:inline !important;   
}

这应该可以正常工作。

【讨论】：

接受这一点，因为它为我指明了正确的方向。也在问题中发布工作代码。