【问题标题】:Bootstrap CSS radio button broken in FirefoxBootstrap CSS 单选按钮在 Firefox 中损坏
【发布时间】:2013-03-05 22:34:53
【问题描述】:

我正在使用引导 CSS,并且我有一个使用单选按钮的表单,它适用于 Chrome 当我使用 Firefox 时,标签和按钮会折叠。

这里是代码

<form class="form-horizontal" method="post" action="registerResult.php">

            <fieldset>
    <div class="control-group">
                    <label  class="control-label">Gender :</label>
                        <label class="radio">
                           <div class="controls"><input type="radio" name="sexe" id="optionsRadios1" value="male" checked></div>
                         Male
                        </label>
                        <label class="radio">
                            <div class="controls"><input type="radio" name="sexe" id="optionsRadios1" value="female" checked></div>
                          Female
                        </label>
                </div>
</fieldset>
</form>

这是截图:

【问题讨论】:

    标签: css firefox twitter-bootstrap radio-button


    【解决方案1】:

    检查一下:

    <div class="control-group">
       <label class="control-label">Gender:</label>
       <div class="controls">
          <label class="radio">
             <input type="radio" name="Gender" value="Male"> Male
          </label>
          <label class="radio">
             <input type="radio" name="Gender" value="Female"> Female
          </label>
          <label class="radio">
             <input type="radio" name="Gender" value="Other"> Other
          </label>
       </div>
    </div>
    

    【讨论】:

      猜你喜欢
      • 2012-03-05
      • 2010-10-10
      • 1970-01-01
      • 1970-01-01
      • 2016-10-20
      • 1970-01-01
      • 1970-01-01
      • 2014-08-27
      • 1970-01-01
      相关资源
      最近更新 更多