在Firefox 14.0.1中使用jQuery获取CSS边框值

Question

我在Firebug控制台中运行以下代码.

$('img').css('border', 'solid 2px red').css('border');

出现红色图像边框,但它返回一个空字符串,为什么会这样？

它在Chrome和Safari开发人员工具中运行良好.

更新:jQuery文档说获取CSS值时不支持速记属性.不过我在Firefox中也试过以下但没有运气(所有在Chrome和Safari中工作)

$('img').css('border-style', 'solid').css('border-style');
$('img').css('borderStyle', 'solid').css('borderStyle');
$('img').css('border', 'solid 2px green').css('borderStyle');

Answer 1

引用.css文档.

不支持速记CSS属性(例如边距,背景,边框).例如,如果要检索渲染的边距,请使用:$(elem).css('marginTop')和$(elem).css('marginRight'),依此类推.

对于的情况下border,你需要使用的border-width,border-style和border-color相关属性.

例如border-color:

$('img').css('border-top-color', 'red').css('borderTopColor');
$('img').css('border-right-color', 'red').css('borderRightColor');
$('img').css('border-bottom-color', 'red').css('borderBottomColor');
$('img').css('border-left-color', 'red').css('borderLeftColor');