Html CSS类将不同地应用于div元素和button元素

我正在做一个项目，我有一个有3个按钮的页面。 第一个按钮是按钮标签，另外两个是div标签。 我使用了一个类来定义这两个div，使它们看起来像我的按钮标签。 问题是，我为button标签和类的div编写了相同的CSS规则，但是从下面的照片中可以看到，它们不一样

这是我的密码： HTML:

---

请帮帮我

您必须应用背景色以覆盖浏览器默认设置：

button, .button {
    border: 0px;
    padding: 15px;
    font-size: 18px;
    color: green;
    font-style: italic;
    border-radius: 6px;
    border-left:4px dashed #f22aa9;
    background-color: transparent;

 }

编辑-如果希望元素看起来像按钮，而不是相反，则必须执行以下操作：

button, .button {
    border: 0px;
    padding: 15px;
    font-size: 18px;
    color: green;
    font-style: italic;
    font-family: sans-serif;
    border-radius: 6px;
    border-left:4px dashed #f22aa9;
    background-color: #ddd;
    margin: 0;
    display: inline-block;
 }

---

我已确保字体系列相同，并且它们显示为内联元素。

您必须添加背景色并将显示类型设置为内联块，我认为这是默认的按钮显示

button, .button {
    border: 0px;
    padding: 15px;
    font-size: 18px;
    font-family:arial;
    color: green;
    font-style: italic;
    border-radius: 6px;
    border-left:4px dashed #f22aa9;
    background-color: grey;
    display:inline-block;

}

---

这里是最终结果：

你必须确保你已经添加了背景色和显示：inline bl

哪一个看起来像应该的？我想让其他两个div标签看起来像单击按钮，这样你就可以添加大纲：none；它确实适用于背景，但不适用于背景font@ManosKounelakis我正在更新答案。还可能设置了字体系列。完成：，而且我刚刚意识到我忘了添加边距。

button, .button {
    border: 0px;
    padding: 15px;
    font-size: 18px;
    color: green;
    font-style: italic;
    font-family: sans-serif;
    border-radius: 6px;
    border-left:4px dashed #f22aa9;
    background-color: #ddd;
    margin: 0;
    display: inline-block;
 }

button, .button {
    border: 0px;
    padding: 15px;
    font-size: 18px;
    font-family:arial;
    color: green;
    font-style: italic;
    border-radius: 6px;
    border-left:4px dashed #f22aa9;
    background-color: grey;
    display:inline-block;

}