CSS边框属性在IE中不起作用答案

【问题标题】：CSS border property not working in IECSS边框属性在IE中不起作用
【发布时间】：2011-07-20 05:12:00
【问题描述】：

下面的代码不能在 IE 中运行，但在 Chrome 中运行......

$(this).css("border","solid 1px green")

请有人帮助我。

【问题讨论】：

你能提供更多的上下文吗？你说的是哪个版本的IE？多于 1 行代码就好了。
我们也可以看看你的 HTML 吗？还有哪个版本的IE？
在 IE8 jsfiddle.net/faAcf 中对我来说很好，您可能需要包含更多细节。在你的真实代码中this 是什么，它已经附加了什么 css 等等。

标签： jquery css internet-explorer

【解决方案1】：

$(this).css({borderTop: '1px solid green'});
$(this).css({borderLeft: '1px solid green'});
$(this).css({borderRight: '1px solid green'});
$(this).css({borderBottom: '1px solid green'});

我认为这是我之前遇到的问题，我必须声明每个边界边缘。

与其相反，为什么不像这样创建一个名为green 的类：

.green { border: 1px solid green; }

那就做吧

$(this).addClass('green');

【讨论】：

你可以将对象合并在一起——这就是将对象传递给像.css这样的函数的好处:)
如果是我遇到这样的问题，我会简单地 addClass('green'); 与该类的边框。

【解决方案2】：

似乎在 IE7+ 版本上工作得很好..

http://jsfiddle.net/gaby/jHK8q/ 上的演示

你确定this 指向一个元素吗？（您是从事件处理程序中调用此代码吗？）

【讨论】：