ransackのsort_linkにCSSを当てる方法は調べると、こんな方法が出てきます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9UmFuc2FjayUyMHNvcnRfbGluayVFMyU4MCU4MCVFOCU4OSVCMiVFMyU4MSVBRSVFNSVBNCU4OSVFNiU5QiVCNCVFMyU4MSVBRSVFNCVCQiU5NSVFNiU5NiVCOSVFRiVCQyU4MSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9Y2JkNzE4ODMzMDMyMWI4MTkzOWEyM2EwNGZhNjQ5MTA&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBub3pvbWlfbm96b21pJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz04ZWI2MzIwYWRmZTZkNGRkYjU4YTE2MjI1OGQzMjdiOQ&blend-x=142&blend-y=486&blend-mode=normal&s=aa0748b78d552171bb9fb623305a6589)
Ransack sort_link 色の変更の仕方! - Qiita
Ransack sort_linkでclassを指定することでcssを使って、色を変更する方法ransackでのソート実装は下記URLを参考にしましたRubyon Rails で検索機能を作ろう…
しかし、sort_linkには、これ自体にclassが付けられているため、以下のようにCSSを当てることができます。
目標物
実装コード
.sort_link:hover {
background-color: #f3f3f3;
color: green;
text-decoration: none;
}
コメント