【问题标题】:Computed values on Chrome Developer ToolsChrome 开发者工具上的计算值
【发布时间】:2017-07-14 03:10:47
【问题描述】:

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

这是一个错误,或者我不明白计算样式的工作原理?

这是 cdt 显示的内容:

【问题讨论】:

    标签: css google-chrome-devtools


    【解决方案1】:

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

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

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

    【讨论】:

    • 我试过了,但没有用。我遇到与默认值不匹配的其他值的问题。
    【解决方案2】:

    检查该元素的内联样式。它应该有边框半径属性。

    【讨论】:

    • 如果是这样,它不应该显示在计算选项卡上吗?我没有内联样式。
    • 是的,我的意思是只有边框半径的样式。它也应该在那里显示。
    • 边界半径在计算选项卡中分为 4 个组件。
    猜你喜欢
    • 1970-01-01
    • 2013-11-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-01-22
    • 1970-01-01
    • 2020-06-15
    • 1970-01-01
    相关资源
    最近更新 更多