1

私はブートストラップ 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>

スクリーンショットは次のとおりです。 Firefox のスクリーン ショットで壊れている Bootstrap CSS ラジオ ボタン

4

1 に答える 1

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>
于 2013-03-17T15:37:32.837 に答える