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設置的默認值相匹配，所以我的直覺是您遇到了相同的問題。

Answer 2

檢查該元素的內聯樣式。它應該有邊界半徑屬性。