如何使用CSS删除按钮中的链接下划线

我熟悉在

divs

和

span

中使用

文本装饰：none

。然而，它似乎在按钮中不起作用。我有以下HTML：

<a href="upgrade.php">
    <input type="button" class="Buttons" id="Upgrade" value="Upgrade">
</a>

但我还是得到了一个下划线。我尝试了使用span的变体，但这也没有帮助。我做错了上面的事情吗？

只需添加

a.mainButton, a.mainButton:hover {
  text-decoration: none;
}

您可以使用

.main按钮

或任何其他类来

a

标记并将其赋予

css

您已使用

#Upgrade

设置

文本装饰

，但它将不会作为其

输入的ID工作

不能通过将子元素作为目标来编写父元素的
css
。您在
css
中使用了
a
标记作为
#Upgrade
的子项，但它的作用正好相反

a.mainButton, a.mainButton:hover {
  text-decoration: none;
}

#Upgrade a

您可以使用
.main按钮
或任何其他类来
a
标记并将其赋予
css

您已使用
#Upgrade
设置
文本装饰
，但它将不会作为其
输入的ID工作

不能通过将子元素作为目标来编写父元素的
css
。您在
css
中使用了
a
标记作为
#Upgrade
的子项，但情况正好相反

#Upgrade a

表示您在
#升级
中选择了
a
。如果你的情况正好相反，
#Upgarde
在
a
中

这样你就可以写作了

a #Upgrade {...}

或者更简单

#Upgrade {...}

表示您在
#升级
中选择了
a
。如果你的情况正好相反，
#Upgarde
在
a
中

这样你就可以写作了

a #Upgrade {...}

或者更简单

#Upgrade {...}

您可能缺少锚定目标，您可以尝试使用类似这样的类

。按钮{
背景色：#D93F87；
高度：50px；
宽度：100px；
边界半径：10px；
字体大小：32px；
颜色：#FFFFFF；
文本对齐：居中；
文本阴影：-2px 0#CCC，0 1px#CCC，1px 0黑色，0-1px黑色；
垫底：4px；
利润率：10px；
}
#升级{
宽度：150px；
}
.测试{
文字装饰：无；
}
您可能缺少锚定目标，您可以尝试使用这样的类

。按钮{
背景色：#D93F87；
高度：50px；
宽度：100px；
边界半径：10px；
字体大小：32px；
颜色：#FFFFFF；
文本对齐：居中；
文本阴影：-2px 0#CCC，0 1px#CCC，1px 0黑色，0-1px黑色；
垫底：4px；
利润率：10px；
}
#升级{
宽度：150px；
}
.测试{
文字装饰：无；
}
两种方法都试过了，但都无效！两个都试过了，但都不起作用！我不想对所有a实例都这样做，只想在按钮中这样的特定实例中…请参阅updated answer@Chiwdaif您不想对所有实例都这样做，您可以使用内联样式链接this
我不想对所有a实例都这样做，仅在特定实例中，如按钮中…请参阅更新的答案@Chiwdaif如果您不想对所有实例执行此操作，则可以使用内联样式链接此
您的HTML无效。禁止在链接内放置
。如果你想让一个链接看起来像一个按钮，那么就使用CSS。这有文档记录吗？我可能会在js中使用按钮的click事件，因为我不想更改所有按钮（我确信将链接样式设置为按钮会使它们看起来与该类的其他按钮不同）内容模型：透明，但不能有交互式内容或元素子体。“我确信将链接样式设置为按钮会使它们看起来与该类的其他按钮不同”-如果您做得正确，则不会。换言之，我无法将按钮和链接样式设置为相同的样式。：-）顺便说一句，如w3.org链接中所述，不允许ARIA角色属性值：链接（默认-不设置）、按钮、复选框、单选、开关、选项卡或树。这些值表示允许按钮等？您的HTML无效。禁止在链接内放置
。如果你想让一个链接看起来像一个按钮，那么就使用CSS。这有文档记录吗？我可能会在js中使用按钮的click事件，因为我不想更改所有按钮（我确信将链接样式设置为按钮会使它们看起来与该类的其他按钮不同）内容模型：透明，但不能有交互式内容或元素子体。“我确信将链接样式设置为按钮会使它们看起来与该类的其他按钮不同”-如果您做得正确，则不会。换言之，我无法将按钮和链接样式设置为相同的样式。：-）顺便说一句，正如w3.org链接中所指出的，不允许ARIA角色属性值：链接（默认-不设置）、按钮、复选框、单选、开关、选项卡或树。它们表示允许按钮等？