【问题标题】：CSS - computed border color doesn't match actual border colorCSS - 计算的边框颜色与实际的边框颜色不匹配
【发布时间】：2021-10-22 18:54:52
【问题描述】：
我有一些带有 Tailwind 类 border-myCustomColor 的普通按钮。在 devtools 的计算样式中，所有边都是相同的。但是在屏幕截图中，您可以看到底部/右侧与顶部/左侧不同。
但是
我很乐意 a) 修复它；但主要是 b) 了解计算的样式可能是错误的
如果从某个地方继承了其他一些效果，那不应该反映在计算样式中吗？
【问题讨论】：
标签：
html
css
tailwind-css
【解决方案1】：
您似乎在使用border-style: outset。
尝试在所需的边框 css 属性中添加 border-style:none 或 border-style:solid。为了使其更紧凑，您还可以使用border: {width} solid {calculated color}
见examples
【讨论】：
-
这是正确的，谢谢，它是outset。为了完整起见，这就是mdn 关于border-style: outset 所说的：显示一个边框，使元素出现浮雕。它与插图相反。当应用于边框折叠设置为折叠的表格单元格时，此值的行为类似于 ridge。