Ransack sort_link 색상 변경 방법!

Ransack sort_link에서 클래스를 지정하여 css를 사용하여 색상을 변경하는 방법



ransack의 정렬 구현은 아래 URL을 참조했습니다.
Rubyon Rails로 검색 기능 만들기 (ransack)

변경 전 상태





변경 후 상태





위의 이미지에서 リツイート数ソート部分기본 파란색을 검은색으로 변경!

index.html.erb
<%= sort_link(@q, :tweet_created_at, "投稿日時" ,{ default_order: :desc }, { class: "Editlink" }) %>

application.scss
// リンク色消す
.Editlink {
  text-decoration: none;
  color: #272343;
  &:link {
    text-decoration: none;
    color: #272343;
  }

  &:visited {
    text-decoration: none;
    color: #272343;
  }

  &:hover {
    text-decoration: none;
    color: #272343;
  }

  &:active {
    text-decoration: none;
    color: #272343;
  }

}

<%= sort_link(@q, 並べるカラム名, "リンクに表示する文字" ,{ 並べ方指定}, { Htmlのオプション }) %>이 글의 html 옵션 부분에서 class와 id를 지정하면 css를 사용하여 원하는대로 sort_link를 사용자 정의 할 수 있습니다!

좋은 웹페이지 즐겨찾기