html5 css3 初心者です

Question

<label> <input type="radio" name="sex" value="male">男 </label>

input[type="radio"]{ }

radioボタンの装飾が色々試しましたができません。

教えていただけますか？

Comments

[退会済みユーザー]

cssの技術的な質問なのでしょうか。

それともスタイルが適用されない旨の質問なのでしょうか。

[maisumakun]

どのような装飾を行いたいのでしょうか？

[m.ts10806]

タイトルに要件がありません。タグにある内容や「初心者」など、質問につけられるタグや付加で対応可能な情報はわざわざ書かなくて良いです。

[jmsbndwo7]

例えば色を付けたりですとか、cssが効かないので困っています。

[m.ts10806]

質問は編集できますので、適宜調整してください。
こちらは「質問への追記修正依頼」のコメント欄です。
質問本文に書いていないことは伝わりません。

[退会済みユーザー]

cssのタグがついているので、cssファイルを使用して装飾を施そうと思っていると思いますが、

例えば
・css内の他の装飾が効いているのか
・radioに対してどのようなcssの記述をしているのか
などがわからないので、私含め他の回答者も回答のしようがございません。

[jmsbndwo7]

他のcssは効いています。ラベルの性別には色付けできましたが、radioボタン○をborder:double;　○の前にある”男”の色付けが効きません。

[m.ts10806]

質問は編集できますので、適宜調整してください。
こちらは「質問への追記修正依頼」のコメント欄です。
質問本文に書いていないことは伝わりません。

[jmsbndwo7]

ラベルタグのradioボタン○の前の男には着色できました。
ボタンの○への装飾ができません。

[退会済みユーザー]

new1ro様がURL記載してくださってますが、見て見られましたか？

2つめの記事は結構オシャレにスタイルしてますよ。

[m.ts10806]

質問を編集してください
と何度も書いたのですが

Answer 1

ラジオボタンやチェックボックスの装飾について、
例えば色を変更したいとして、「background」を指定したらその色になるというような手軽な方法はありません。

以下の参考サイトのような、工夫が必要です。
https://web.runland.co.jp/blog_cate2/post-2650
https://kodocode.net/design-css-radiobutton/

Answer 2

○の前にある”男”の色付けが効きません。

これは<input type="radio">の中身ではないので、input[type="radio"]にスタイルをかけても全く無関係です。<label>にスタイルを適用してください。

Comments

[jmsbndwo7]

<label class="sei"><label>

.sei{
color:blue;
}

色がつきました。ありがとうございます。