在Chrome中，添加边框半径还会添加背景色。为什么？

在chrome上使用检查器，然后滚动到元素.m按钮。（以最快的方式，直接在按钮上单击鼠标右键并检查元素）如果您查看“元素”选项卡（应该是第一个弹出的窗口，然后在样式部分的右侧查看，它将显示所有css样式应用于该元素，无论它们是由您放置还是由chrome放置（此样式部分的妙处在于样式是优先顺序，因此您可以轻松分辨出哪些样式覆盖哪些样式（较高的样式覆盖较低的样式） ），或者即使它们是元素的默认值（示例display: block;始终位于div之类的块级元素上）。这也是一种方便的工具。

因此，如果您这样做，您将看到chrome将不同的样式应用于输入样式。这些主要是因为input [type =“ submit”]而被应用。如果要覆盖这些样式的大部分，只需覆盖按钮上的类中的相同样式就足够了。如果您只想覆盖“ box-shadow”（箱形阴影）的背景色样式（实际上是创建阴影的边界，那么只需添加一个新的边界），则添加以下内容应该没问题

.nm-button { 
    border-radius: 5px;
    background-color: #fff; 
    border: 1px solid #ccc;
}

另外，由于它是一个按钮，因此建议使用类似以下代码的内容，使其看起来可单击。

.nm-button:hover {
    background-color: #ddd;
    cursor: pointer;
}

这是您的情况下chrome放置的样式。它很多，但是chrome在方法上也非常简约，因此所有这些都很容易被覆盖。（附言：希望对您有所帮助，如有任何问题，请随时发表评论。）

input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
  padding: 1px 6px;
}
user agent stylesheetinput[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
  align-items: flex-start;
  text-align: center;
  cursor: default;
  color: buttontext;
  padding: 2px 6px 3px;
  border: 2px outset buttonface;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  background-color: buttonface;
  box-sizing: border-box;
}
user agent stylesheetinput[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: push-button;
  white-space: pre;
}
user agent stylesheetinput, input[type="password"], input[type="search"], isindex {
  -webkit-appearance: textfield;
  padding: 1px;
  background-color: white;
  border: 2px inset;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  -webkit-rtl-ordering: logical;
  -webkit-user-select: text;
  cursor: auto;
}
user agent stylesheetinput, textarea, keygen, select, button, isindex {
  margin: 0em;
  font: -webkit-small-control;
  color: initial;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: start;
}
user agent stylesheetinput, textarea, keygen, select, button, isindex, meter, progress {
  -webkit-writing-mode: horizontal-tb;
}