我有这样一个按钮:
<a href="*LINK*"><button type="submit" class="output loadclass"><img class="btnicon loadclass" src="/assets/thumb.png"><span class="btntext">YouTube</span></button></a>
应用样式后，它看起来像
然而，当我将display: flex应用于按钮时，它的功能与预期一致，但是it shows the underline on the text.
我try 过将文本装饰设置为"无"，但它仍然出现，知道为什么吗？
你的风格好像有什么问题.实际上，它应该很容易工作，flex肯定不会影响flex容器中的锚样式.下面的例子:
.flex {
display: flex;
align-items: center;
border: 1px solid #000;
border-radius:20px;
width: 300px;
margin:auto;
gap:10px;
}
.flex a {
text-decoration: none;
}
.flex img {
border-radius:20px 0px 0px 20px;
}<div>
<div class="flex">
<img src="https://via.placeholder.com/200">
<a href="">link</a>
</div>
</div>