CSS - 计算出的边框颜色与实际边框颜色不匹配
CSS - computed border color doesn't match actual border color
我有一些带有 Tailwind 的普通按钮 class border-myCustomColor。在 devtools 中的计算样式中，所有边都是相同的。但是在屏幕截图中，您可以看到 bottom/right 边与 top/left 边不同。
但是
我很乐意 a) 修复它；但主要是 b) 了解计算样式可能是错误的
如果从某处继承了一些其他效果，那不应该反映在计算样式中吗？
您似乎在使用 border-style: outset。
尝试在您想要的边框 css 属性 中添加 border-style:none 或 border-style:solid。为了使其更紧凑，您还可以使用 border: {width} solid {calculated color}
我有一些带有 Tailwind 的普通按钮 class border-myCustomColor。在 devtools 中的计算样式中，所有边都是相同的。但是在屏幕截图中，您可以看到 bottom/right 边与 top/left 边不同。
但是
我很乐意 a) 修复它；但主要是 b) 了解计算样式可能是错误的
如果从某处继承了一些其他效果，那不应该反映在计算样式中吗？
您似乎在使用 border-style: outset。
尝试在您想要的边框 css 属性 中添加 border-style:none 或 border-style:solid。为了使其更紧凑，您还可以使用 border: {width} solid {calculated color}