.panel-默认边框颜色

Question

我有一个引导默认面板：

<div class="panel panel-default">
    <div class="panel-heading">Login</div>
    <div class="panel-body">
    ...

我想去掉边框，但不想使用额外的类或id等。

在我看到的 chrome 中检查元素：

.panel-default {
    border-color: #ddd;
}

这就是分配这个值的方式。 据我所知，我可以通过相同的 css 选择器应用（至少）新值来覆盖 css 值。我的 css 文件是在 bootstrap 文件之后导入的。

我试过了：

.panel-default {
    border-color: none;
}

不起作用，但如果我使用：

.panel-default {
    border: none;
}

这行得通。

所以none 不是border-color 可接受的值？或者它可能是什么黑客？因为如果我没有从 chrome 的 inspect element 功能中分配任何内容，它就可以工作。

Answer 1

是的none 不是border-color 的有效值，因此您必须使用border: none 将其移除，如果您想保留边框但使其不可见，则必须使用border-color: transparent。

它适用于 chrome devtools 的原因是，chrome 没有应用无效样式，例如 border-color: none，如果您要更改元素的原始样式，则样式会被删除。