如何清除html按钮中的黑色虚线？

我不知道如何描述我的问题，但看看我的输出，你会有一个想法。我 谷歌搜索了我的问题，但我找不到解决办法。

.btn1{
字体系列：“泰晤士报新罗马”，泰晤士报，衬线；
右边距：0px；
宽度：100px；
高度：30px；
字号：17px；
字号：200；
背景色：#f7e7e7；
颜色：rgb（49126126）；
边界半径：5px；
边框：1px实心rgb（186230173）；
盒影：3p3pRGB（98,151,98）；
}

---

您不必要地将每个

包装在

链接

.btn1{
字体系列：“泰晤士报新罗马”，泰晤士报，衬线；
右边距：0px；
宽度：100px；
高度：30px；
字号：17px；
字号：200；
背景色：#f7e7e7；
颜色：rgb（49126126）；
边界半径：5px；
边框：1px实心rgb（186230173）；
盒影：3p3pRGB（98,151,98）；
文字装饰：无；
}
您看到的破折号实际上是锚元素附带的默认下划线。您只需添加以下内容：

a{
文字装饰：无；
}

也就是说，应该避免将按钮元素嵌套在锚元素和内部。
用按钮替换
a
，或者使用css规则
文本装饰：无
.btn{
字体系列：“泰晤士报新罗马”，泰晤士报，衬线；
利润率：10px；
填充：10px；
宽度：100px；
高度：30px；
字号：17px；
字号：200；
背景色：#f7e7e7；
颜色：rgb（49126126）；
边界半径：5px；
边框：1px实心rgb（186230173）；
盒影：3p3pRGB（98,151,98）；
}
A.
{
文字装饰：无；
颜色：黑色；
}

您已经使用锚定标签包装了按钮。默认情况下，锚定标记向文本添加下划线。在您的例子中，锚定标记将按钮视为文本并添加下划线。因此，如果要删除下划线，必须添加属性TEXT-DECORATION:NONE；。明白了。@AjayMalhotra谢谢链接不能包含按钮和副按钮。这是无效的HTML