liタグで作成したリンクの下線がtext-decorationで消せない
2222 ワード
はじめに
前提条件
railsでのアプリケーション作成
エラー?
下記のように確かにli
タグに対してtext-decoration
を設定しているのに適用されない
application.html.erb
<ul class="lists">
<li class="list"><%= link_to "エクササイズ", "#" %></li>
</ul>
application.scss
.lists {
display: flex;
align-items: center;
list-style: none;
}
.list {
padding: 1px 20px;
border-right: 1px solid black;
text-decoration: none;
color: #433f3f;
}
解決方法
li
タグではなくlink_toメソッド
にclassを設定
application.html.erb
<ul class="lists">
<li><%= link_to "エクササイズ", "#", class: "list" %></li>
</ul>
scssは特に変更する必要なし
これでli
タグ内のリンクの下線を消せるようになると思います。
Author And Source
この問題について(liタグで作成したリンクの下線がtext-decorationで消せない), 我々は、より多くの情報をここで見つけました https://qiita.com/tetsuro0319/items/30d6827af226e377ee34著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .