Question

我的asp.net复选框最后有一个跨度。将宽度和高度设置为30px不会更改完整浏览器中的复选框或折叠为智能手机大小。该复选框位于导航栏中。一切正常，崩溃，我无法改变复选框的风格。

从这里开始：

<li>
    <asp:CheckBox ID="chkInflate" Style="width: 30px !important; height: 30px !important;
        margin-bottom: 5px;" class="form-control" EnableViewState="True" AutoPostBack="True"
        BackColor="#f6f2dc" ForeColor="Black" runat="Server" ToolTip="Check/Uncheck the box to have all the names expand with more info on this web page. Or go over and click on an event name to pop up a whole bunch of information.">
    </asp:CheckBox></li>
<li>

在Chrome中检查HTML会显示大小已分配给范围。不确定如何让“chkInflate”保持新的大小。

<span  class="form-control" style="color:Black;background-color:#F6F2DC;width: 30px !important;height: 30px !important;margin-bottom: 5px;"><input id="chkInflate" type="checkbox" name="chkInflate" onclick="javascript:setTimeout('__doPostBack(\'chkInflate\',\'\')', 0)"></span>

<input id="chkInflate" type="checkbox" name="chkInflate" onclick="javascript:setTimeout('__doPostBack(\'chkInflate\',\'\')', 0)">

</span>

我希望在未展开和展开的展示位置上都有一个更大的复选框

Answer 1

使用css而不是直接为复选框控件指定高度和宽度。

 input[type="checkbox"]{
  width: 30px; 
  height: 30px; 
}

Answer 2

我的G-O-O-G-L-E钥匙已磨损但I stumbled on this SO gem：

$(document).ready(function () {

    $('.form-control > input').addClass("biggercheckbox");

  })

我想在文本框周围进行表单控件，然后在渲染jQuery之后添加了＆＃34; enlargecheckbox＆＃34; class to the render html checkbox（width：30px; height：30px）。它只使用了一个＆＃34;更大的检查框＆＃34;这两个类，但我喜欢表单控件类如何使用表单控件类来抵御其他输入。

您可以使用子选择器＆gt;在jQuery中，因为包装跨度具有您指定的CssClass和一个输入子级。

渲染中的asp.CheckBox显示在span内。样式属性以跨度结束，而不是复选框

2 个答案: