html/css，使按钮看起来像一个div

HTML按钮允许您同时点击回车或空格来点击按钮。然而，使用按钮也会带来一堆CSS，这些CSS会破坏我们希望按钮的外观

---

是否有一种相对不受未来影响的简单方法可以使用CSS解决这个问题？只需查看chrome中计算出的CSS，该按钮就添加了大量CSS属性。

一些CSS样式应始终能够应用于HTML按钮：

背景色->更改按钮的背景色

字体大小->更改按钮标签的字体大小

填充->更改按钮的填充

边框半径->向按钮添加圆角

边框属性->向按钮添加彩色边框

框阴影属性->向按钮添加阴影

下面是一个彩色边框按钮示例：

.按钮{
背景色：白色；/*按钮背景*/
颜色：黑色；/*标签颜色*/
边框：2个实心#0040ff；/*2个蓝线边框*/
填充：10px 20px；
边框半径：10px；/*圆角样式*/
}
有样式的按钮。
按钮标签

您应该始终能够将某些CSS样式应用于HTML按钮：

背景色->更改按钮的背景色

字体大小->更改按钮标签的字体大小

填充->更改按钮的填充

边框半径->向按钮添加圆角

边框属性->向按钮添加彩色边框

框阴影属性->向按钮添加阴影

下面是一个彩色边框按钮示例：

.按钮{
背景色：白色；/*按钮背景*/
颜色：黑色；/*标签颜色*/
边框：2个实心#0040ff；/*2个蓝线边框*/
填充：10px 20px；
边框半径：10px；/*圆角样式*/
}
有样式的按钮。
按钮标签

我可以用以下方法修复它：

button {
    background-color: transparent;
    border: none;
}

---

我可以用以下方法修复它：

button {
    background-color: transparent;
    border: none;
}

---

... 您可以看到添加的CSS，然后简单地更改它们为什么希望按钮看起来像一个div？如果你想让一个div可以通过JavaScript点击，不需要一个按钮。@Curious13从可访问性的角度来看，这更糟糕。div“看起来像什么？”？它只是一个通用容器，几乎可以像任何东西一样。@Jeremy关于可访问性部分，您可以使用

role=“button”

属性。看见您可以看到添加的CSS，然后简单地更改它们为什么希望按钮看起来像一个div？如果你想让一个div可以通过JavaScript点击，不需要一个按钮。@Curious13从可访问性的角度来看，这更糟糕。div“看起来像什么？”？它只是一个通用容器，几乎可以像任何东西一样。@Jeremy关于可访问性部分，您可以使用

role=“button”

属性。看，这是你的天堂。仍然是最好的，这里的纽扣天堂为你。仍然是最好的之一