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)，但在即我仍然得到空警报。

PS。是的，我试过“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 开发人员工具找到元素具有的样式属性：

Answer 2

试试这个..适用于 IE8

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

jsFiddle

此外，浏览器以不同的方式返回颜色 FireFox、Safari 和 Chrome 将它们作为rgb()值IE返回，并完全按照您在您中设置的方式返回它们，CSS即使您使用速记符号 ( #f00vs #ff0000) 并且 Opera 始终hexidecimal以 6 位返回颜色

Answer 3

类似于穆罕默德·阿迪尔：

$("#clickme").click(function() {
    var Bcolor = $(this).css("border-left-color");
    alert(Bcolor);
});

你必须指定每一面

Answer 4

试试普通的js

var clickme = $("#clickme")[0];
    clickme.addEventListener('click', function() {
    alert(clickme.style.borderColor)
    }, false)