CSS边框颜色：如何设置底部边框颜色？

Question

当前结果：下边框为灰色

所需结果：所有边框均为白色

问题：CSS中的边框颜色设置为白色

css prettyprint-override">.zoom {
  border-width: 2px 0px 2px 0px;
  background: white;
  border-color: white;
}

<button class="zoom">???</button>

Answer 1

正如Harry强调的：您需要指定边框的样式才能更改默认值。

您还可以使用以下易于记忆的代码：

.zoom {
border-top:3px solid white;
border-bottom:3px solid white;
background-color:white;
}

<代码>

Answer 2

在CSS中添加此行

border-style: solid;

Answer 3

您必须将边框样式明确设置为实心，才能使其工作。您在底部看到的灰色边框是由于默认的UA样式，即边界样式：start。

正如马科斯·佩雷斯·古德（Marcos Pérez Gude）在评论中指出的那样，按钮的默认边框样式是开始，输入和文本区域元素的默认边框样式是插入。

.zoom {
  border-width: 2px 0px 2px 0px;
  background: white;
  border-color: white;
  border-style: solid;
}

<button class="zoom">???</button>