偶然的机会，当我扫描找到here的CSS文件时，我注意到我从未在任何CSS资源中看到的东西。编写此CSS的开发人员在样式表中的多个位置设置border-(top-left-|top-right-|bottom-left-|bottom-right-|)radius属性等于-1（例如，搜索 border-bottom-left-radius：-1 ）。
我知道border-radius属性必须遵循here所示的格式（以及其中的其他链接资源）。现在，我可以理解1个拼写错误，但此样式表中-1属性的值border-radius超过20个实例。所以我在CodePen上创建了一个新笔，正如预期的那样，值-1对相关元素的border-radius没有影响（我使用了高度为100px，宽度为200px的div）。
在Firefox中检查元素时（border-radius设置为-1时），此值被标记为无效（在检查Chrome上的元素时相同）。
有人知道某些浏览器或方案-1是否为border-radius的有效值？我猜这只是一个故意设置的无效占位符，用于开发人员的内部记账。
答案 0 :(得分：3)
鉴于CSS使用Bootstrap作为起点，这些负值很可能是无意的。规则的数量将由于使用CSS预处理器（Less或Sass）和变量的使用：Bootstrap充分利用变量，因此更改单个值的简单情况 - 在这种情况下$border-radius-base - 可能导致多个规则发生变化。
最后一块拼图：负值本身。看起来Bootstrap devs在几个地方从边界半径值中减去1;它可能是某种地方1px边界的某种调整。我的猜测是，某些人决定完全放弃边界半径，将$border-radius-base设置为0，这反过来会导致一些负值突然出现。由于浏览器忽略了无效规则，除了OP！