質問編集履歴

2 タグを追加しました

houjicha_

houjicha_ score 10

2018/09/25 21:47  投稿

firefoxブラウザアプリ(android版)のラジオボタン表示
はじめまして。よろしくお願いいたします。
現在スマホサイトを作成していますが、その中でラジオボタンを表示するページがあります。
chromeではきちんとラジオボタンが表示されますがfirefoxではラジオボタンが
● のように表示されてしまいます。
**firefox**
![firefox](bee0d28e4201515cb8b9f3e5239a0744.png)
**chrome**
![chrome](67f6f76b00feac677ada76b50dbe7c43.png)
```html
<p class="gender">
<label>
<input type="radio" name="gender" value="男性" checked="checked">
<span class="radio_text">
男性
</span>
</label>
<br>
<label>
<input type="radio" name="gender" value="女性">
<span class="radio_text">
女性
</span>
</label>
</p>
```
```css
.gender label {display: block;
width:100%;}
input[type=radio] {
width: 70px;
height: 70px;
margin-right: 30px;
vertical-align: middle;
}
.radio_text {vertical-align: middle;}
```
firefoxのスマホブラウザはこれがデフォルトなんでしょうか?
htmlやcssの書き方がおかしいのか??
firefoxで通常のラジオボタンを表示する方法を教えてください。
よろしくお願いいたします。
  • Firefox

    347 questions

    Mozilla Foundationによって作られた無料、オープンソース、クロスプラットフォームなウェブブラウザ

  • HTML

    24914 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    17767 questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

1 画像の説明書きを付け足しました

houjicha_

houjicha_ score 10

2018/09/25 21:42  投稿

firefoxブラウザアプリ(android版)のラジオボタン表示
はじめまして。よろしくお願いいたします。
現在スマホサイトを作成していますが、その中でラジオボタンを表示するページがあります。
chromeではきちんとラジオボタンが表示されますがfirefoxでは選択したラジオボタンが
chromeではきちんとラジオボタンが表示されますがfirefoxではラジオボタンが
● のように表示されてしまいます。
**firefox**  
![firefox](bee0d28e4201515cb8b9f3e5239a0744.png)
**chrome**  
![chrome](67f6f76b00feac677ada76b50dbe7c43.png)
```html
<p class="gender">
  <label>
     <input type="radio" name="gender" value="男性" checked="checked">
         <span class="radio_text">
               男性
         </span>
  </label>
     <br>
  <label>
     <input type="radio" name="gender" value="女性">
         <span class="radio_text">
               女性
         </span>
     </label>
</p>
```
```css
.gender label {display: block;
   width:100%;}
input[type=radio] {
   width: 70px;
   height: 70px;
   margin-right: 30px;
   vertical-align: middle;
}
.radio_text {vertical-align: middle;}
```
firefoxのスマホブラウザはこれがデフォルトなんでしょうか?
htmlやcssの書き方がおかしいのか??
firefoxで通常のラジオボタンを表示する方法を教えてください。
よろしくお願いいたします。
  • Firefox

    347 questions

    Mozilla Foundationによって作られた無料、オープンソース、クロスプラットフォームなウェブブラウザ

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る