文字装饰：none；按钮不工作 | css

Question

我的代码无法正常工作，我正在尝试制作视频按钮我试过文字装饰：none！重要；和底部边框：0；但似乎没有任何效果

css

    .btn1 {
      font-family: 'Be Vietnam Pro', sans-serif;
      background-color: rgb(255, 255, 255);
      border: none;
      color: rgb(0, 0, 0);
      padding: 14px 40px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      margin: 4px 2px;
      cursor: pointer;
      font-size: 30px;
      border-radius: 32px;
      background-color: #ffffff;
      border-bottom: 0;
      box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    }
    
    .btn1:hover {
      text-decoration: none;
      box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    }

html

  <button class="btn1" data-aos="zoom-in-up" data-aos-duration="1500" ><a href="https://www.youtube.com">Why us?</a></button>

我真的很想得到一些帮助谢谢

Answer 1

您必须将它应用到锚标记，而不是应用到按钮。应该是这样的：

.btn1 a {
  text-decoration: none;
}

文字装饰：none；按钮不工作 | css

text-decoration: none; not working on button | css

html

css

text-decorations