
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
rails6 form_with(ヘルパー)のラジオボタンにCSSを装飾する方法 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
rails6 form_with(ヘルパー)のラジオボタンにCSSを装飾する方法 - Qiita
目的:rails6にてform_withでラジオボタンを実装、それに対してCSSで装飾を行います。 苦戦したこと:ヘ... 目的:rails6にてform_withでラジオボタンを実装、それに対してCSSで装飾を行います。 苦戦したこと:ヘルパーを使っていることにより、ラジオボタンの内部構造が見えなくなってしまった。 ①他のオプションと違いラジオボタンはclassをセレクタにしてもCSSを反映する事ができない。 ②label forが設定されていない事により、選択作業が反映できないバグが発生。 以下、内容を記載。 ①ラジオボタンはclassセレクタではCSSが反映されない。 HTML CSS .second{ font-size: 14px; font-weight: bold; display: block; /* ブロックレベル要素化する / float: left; / 要素の左寄せ・回り込を指定する */ . . } このような記述では全くCSSが反映されません。検証ツールで見てみると、 一見OKな気も