scss : text-decoration: none; が適用されない

Question

ruby on railsを用いてweb開発をしています

link_toのリンクの下線をなくしたいです
cssのaタグにtext-decoration: none;を記述しても下線が消えません
下線を消す方法をどなたかご教授お願いいたします

コード

application.scss

 @import "bootstrap";
 @import "font-awesome-sprockets";
 @import "font-awesome";


 body {
  ::-webkit-scrollbar {
    display: none;
  }
  -ms-overflow-style: none;
}

a {
  text-decoration: none;
}

.card.no-outline {
  border: none;
}

.rooms-sidebar {
  border-right: 1px solid #eeeeee;
}

.chat-room {
  height: 70vh;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;

  #messages {
    height: 100%;
    overflow-y: scroll;
    padding-bottom: 200px;
    padding-top: 20px;
  }

  .message {
    min-height: 59px;
    .content-container {
      display: inline-block;
      .content {
        background-color: #eeeeee;
        padding: 8px 16px;
        border-radius: 20px;
      }
      .author {
        font-size: 0.8rem;
        color: #777777;
        margin-left: 10px;
      }
    }
    &.me {
      .content-container {
        float: right;
        .content {
          background-color: #007bff;
          color: white;
        }
      }
    }
  }

}

.chat-box{
  position: absolute;
  bottom: -10px;
  padding: 20px;
  width: 100%;
  margin-left: -15px;
  background-color: white;
  input[type=text] {
    height: 45px;
    font-size: 18px;
    padding: 8px;
  }
  .btn {
    height: 45px;
  }
}

.card.no-outline {
  border: none;
}

.room-container {
  .room-link {
    .room-card {
      &:hover {
        background-color:#f8f8f8;
      }
    }
    .room-user {
      color: black;
    }
    .room-message{
      color: #666666;
    }
  }
}

.room-card {
  &:hover {
    background-color:#f8f8f8;
  }
}
.room-user {
  color: black;
}
.room-message{
  color: #666666;
}

おねがいします

Comments

[cerfweb]

下線は元々出ていますか、カーソルを合わせた時のみですか。

[rikuou]

カーソルを合わせたときのみです

[kei344]

まだ質問が「受付中」になっていますが、「ベストアンサー」を選び「解決済」にされてはいかがでしょうか。

Answer 1

もしaタグ全てに適用させたいのであれば、以下のようにしてみてください。

a {
  &:hover, &:focus {
    text-decoration: none;
  }
}

Comments

[rikuou]

ありがとうございます！解決できました！