ラジオボタンに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(エラー発生時)
html
1<div class="radio radio-success radio-inline"> 2 <span class="field_with_errors"> 3 <input value="1" checked="checked" name="status" id="status" type="radio"> 4 </span> 5 <label class="control-label"></label> 6</div>
css
css
1.radio-success input[type="radio"] + label::after { 2 background-color: #5cb85c; 3} 4.radio-success input[type="radio"]:checked + label::before { 5 border-color: #5cb85c; 6} 7.radio-success input[type="radio"]:checked + label::after { 8 background-color: #5cb85c; 9}
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/06/03 00:58