Chrome DevTools：与css规则不同的计算风格？

Question

当我在CSS文件中定义4px时，我的DOM元素有一个0px的“border-top-width”。

当我使用Chrome DevTools检查元素时，我看到计算出的样式告诉0px，而最高的css规则是4px。 它甚至没有划掉。

首先我想可能此时没有加载CSS文件，但是当您查看“border-top-color”时，您可以看到它有效（设置并显示红色）。

0px来自哪里，覆盖我的CSS文件设置是什么？

有没有人在ChromeDev工具中看到过这样的行为？

编辑：哇，你们很快，谢谢你们！ 这是html元素。所有计算出的css属性都在添加的图片中。

<div id="PageStyleTest2_MeasurementSystemSelector_styled_ddList_11" data-brease-widget="widgets/brease/ListBox" style="width: 150px; height: 120px;" class="breaseListBox breaseWidget widgets_brease_ListBox_style_default">
    <ul>
        <li style="height:40px; " data-brease-value="metric"><span>Metrisch</span></li>
        <li style="height:40px; " data-brease-value="imperial" class="selected"><span>Imperial</span></li>
        <li style="height:40px; " data-brease-value="imperial-us"><span>Imperial U.S.</span></li>
    </ul>
</div>

所有计算的css样式：

Answer 1

在元素的CSS中添加border-style: solid;将解决此问题。

（尽管这不是问题的答案，但它确实解决了所提出的示例问题，很可能是大多数登陆此处的人正在寻找的东西。）