はじめまして。よろしくお願いいたします。
現在スマホサイトを作成していますが、その中でラジオボタンを表示するページがあります。
chromeではきちんとラジオボタンが表示されますがfirefoxではラジオボタンが
● のように表示されてしまいます。
html
1<p class="gender"> 2 <label> 3 <input type="radio" name="gender" value="男性" checked="checked"> 4 <span class="radio_text"> 5 男性 6 </span> 7 </label> 8 <br> 9 <label> 10 <input type="radio" name="gender" value="女性"> 11 <span class="radio_text"> 12 女性 13 </span> 14 </label> 15</p>
css
1.gender label {display: block; 2 width:100%;} 3input[type=radio] { 4 width: 70px; 5 height: 70px; 6 margin-right: 30px; 7 vertical-align: middle; 8} 9.radio_text {vertical-align: middle;}
firefoxのスマホブラウザはこれがデフォルトなんでしょうか?
htmlやcssの書き方がおかしいのか??
firefoxで通常のラジオボタンを表示する方法を教えてください。
よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー