質問: ラジオボタンにcssを擬似要素でデザインあてをしております。 rails4 + bootstrapで開発しています。 ( https://github.com/flatlogic/awesome-bootstrap-checkbox/blob/master/awesome-bootstrap-checkbox.css こちらを利用) railsでspanエラーで該当ラジオボタンが囲まれる場合、cssの対象外になってしまいます。 以下の場合、 .radio-successを親として、 class field_with_errors以下のinput要素と、label要素の間に擬似要素のデザインが反映されるように書くにはどうすればよろしいでしょうか? spanタグがない平常時には動作しますが、spanタグが入ると動かなくなります。 (なお、spanタグでlabelタグを囲むことはrails的に難しいです。) railsで吐き出されるhtml(エラー発生時) ``` ``` css ``` .radio-success input[type="radio"] + label::after { background-color: #5cb85c; } .radio-success input[type="radio"]:checked + label::before { border-color: #5cb85c; } .radio-success input[type="radio"]:checked + label::after { background-color: #5cb85c; } ```
回答: 過去に同様の質問があり、回答しましたので参考にしてみてください。 * CSS - cssでの別の要素への適用について(33521)|teratail Selectors Level 4 の `:has()` で実装可能ですが、実装しているブラウザがありません。 構造を変えられないのなら JavaScript を使うしか方法がないですね。 Re: KoukoMatsumoto さん