我有一个表格,每个边框都设置为 1px 宽度实心。我希望顶部、左侧和底部边框为黑色,右侧边框为白色。所以,我使用了这个css代码
border-right-color: white;
border-left-color: black;
border-top-color: black;
border-bottom-color: black;
border: solid 1px;
问题出现在 IE9 中,右上角像素为白色,但右下角为黑色。
我怀疑问题来自 IE9 重新组织样式的方式,因为当我在开发工具控制台中查看我的表格的 css 时,它的顺序如下:
border-top-color: black;
border-right-color: white;
border-bottom-color: black;
border-left-color: black;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
这让我想,也许,用于定义颜色的顺序使得顶部边框为黑色,然后右边框为白色(覆盖右上角),然后底部边框为黑色(覆盖底部右角),最后左边框是左色。
问题是,在白色背景上,顶部和底部边框的长度似乎不同(相差一个像素)。可能不多,但我需要这两个边框与页面上的其他行相匹配。
那么,我该如何解决这个问题?是否真的与边框着色的顺序有关,如果是,我该如何更改?