HTMLのラジオボタンの選択状態の見た目がおかしい

Question

HTMLでフォームを実装するためにラジオボタンを作ったのですが、選択したときの表示がデフォルトのものとは違ってしまいます。
PCビューでは正常なのですが、iOSで確認した場合画像のようになってしまいます。
Safariでも、Chromeでも同じです。

![

通常だと、○の中に小さな●がつくような感じになると思うのですが、現状では○が小さくなってしまいます。

CSSではなにも設定はしておりません。
解決方法をご存知の方おられましたら、アドバイスいただければ幸いです。

Comments

[yamap55]

コードを記載した方が回答がつきやすいかと思います。

[azuapricot]

普通のラジオボタンじゃなさそうなのでなにかしらCSSを設定しているようなきがしますけど。
コードを提示しましょう

[yoshinavi]

＞CSSではなにも設定はしておりません。

→　（CSSが）何もない、と言う事は実際は無く、各ブラウザはデフォルトCSSを持っています。
対象要素のCSSが、iOSと他のブラウザでの違いの有無等は確認済ですか？

Answer 1

• 質問者さんが書いたそのHTMLだけがピンポイントでそうなるのか？
• それともどんなラジオボタンでもそうなるのか？

によって違うでしょう。
PCでは問題なくiOSでのみその現象ということなら、iOS用の
ハックしたCSSが読み込まれてないか確認が必要かも。

Comments

[genepo]

回答ありがとうございます！
自己解決いたしました。ラジオボタンのサイズを大きく変更したら、通常の表示になりました！

Answer 2

ラジオボタンのサイズを大きく変更したら、直りました。