jquery - 使用 .css() 在 IE 中使用 jQuery 获取边框颜色

Question

在 Internet Explorer 中获取单击元素的边框颜色时出现问题。

$("#clickme").click(function() {
    alert($(this).css('border-color'));
});

这是 jsfiddle:http://jsfiddle.net/dS7mc/
它适用于 chrome，但不适用于 IE10。

任何想法如何使它与两者一起工作？也只更改为“边框”，在 chrome 中它给了我 2px solid rgb(0, 0, 0) 但在 Ie 中我仍然得到空警报。

附言。是的，我试过“borderColor”。在 IE 中也不行

Answer 1

这是因为在 Internet Explorer 中没有 border-color。该属性被重命名为 border-pos-color:

border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;

同样适用于border-width和border-style(border-left-width等)。为了拉出边框颜色(假设所有 4 个都相同)，您将使用:

$(this).css('border-top-color');

等于拉动 border-width 或 border-style(再次假设所有 4 个都相等)你会使用:

$(this).css('border-top-width');
$(this).css('border-top-style');

您可以使用 IE 的 F12 开发人员工具查找元素具有哪些样式属性: