css - Chrome 开发者工具上的计算值

Question

我正在向网页添加一些样式，我想更改对象样式但是当我添加样式时它没有效果，所以我在 chrome 开发人员工具中检查了计算样式，但它显示我的样式是正在应用，但结果是其他的。

这是一个错误，还是我不明白计算样式的工作原理？

这是 cdt 显示的内容:

Answer 1

最近有人发布了类似的问题。参见 Chrome DevTools: Computed style different from css rule?

设置 border-style 属性后，border-*-width 值开始按预期呈现。

您还可以看到 border-top-left-radius 的值恰好与 user agent stylesheet 设置的默认值匹配，所以我的直觉是你遇到了同样的问题。