无法为'border-collapse'覆盖CSS值,IE7开发人员工具似乎具有误导性

问题描述 投票:-1回答:1

我正在编写的网页中有一个表。 TABLE的border-collapse属性由我导入为“ collapse”的第3方CSS文件设置。

[当我在IE7中打开页面时,我注意到表格看起来不正确(单元格的边框显示为白线)。

使用IE的开发人员工具,我可以启用/禁用我正在使用的CSS的'border-collapse:collapse'属性,包括在开发人员工具的用户界面中使用它旁边的复选框。

当我取消选中该框时,表格再次看起来正确(没有边框可见)。因此,我认为如果在表元素上放置内联样式,请将属性值设置为“ separate”,这将覆盖CSS文件的值,并且表将看起来正确。

但是,当我将内联样式添加到TABLE时,它不会影响它的外观。在开发人员工具中,我看到CSS的'border-collapse:collapse'属性现在具有'strikethrough'样式,即:它看起来像是“ crossed out”,但似乎仍在应用,因为如果我取消选中/选中它旁边的框,它仍然会切换单元格边框的可见性。

我的问题是:内联样式值是否应覆盖此属性的CSS导入值?为什么CSS的属性在开发人员工具中显示为划线,但显然未被禁用?还有其他方法可以防止将CSS值应用于此表的边框折叠吗?

谢谢,

注意:我还尝试在'separate'之后添加'!important'

css cross-browser internet-explorer-7
1个回答
0
投票

是的,与从导入的样式表来的样式相比,嵌入式样式说明会覆盖(具有更高的特异性)。但这可以被应用JS的样式所覆盖。

© www.soinside.com 2019 - 2024. All rights reserved.