文字装饰:无;无法处理按钮|css

Question

我的代码在尝试制作视频按钮时不起作用我试过文字装饰：没有！重要的边界底部：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;
}