我有一个div,带有以下
HTML和CSS.为了使我的
Javascript代码更加健壮,我试图从所选元素中检索某些CSS属性.
我知道如何使用.css()getter获取元素,但是如何使用该方法获取border-radius？
jQuery的文档很稀少.
HTML：
<div id="#somediv"></div>
CSS：
#somediv {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
解决方法
我猜测它不是官方的支持,因为它有点不可预测…在Firefox使用$(“#somediv”).css(“ – moz-border-radius”,“20px”);将设置边框半径不错,但试图通过$(“#somediv”)读取它.css(“ – moz-border-radius”);返回一个空字符串…但是,似乎Firefox将边界半径扩展到其组件部分,意思是$(“#somediv”).css(“ – moz-border-radius-topleft”);将会工作(显然只有返回一个角落的设置).
编辑：
作为Tgr points out $(‘#foo’).css(‘MozBorderRadius’)将允许您在Firefox中一般读取它.正如Bradley Mountford在下面的评论中指出的那样,您也可以从Webkit中使用组件部分读取(尽管只有chrome似乎像边框左上半径,Chrome和Safari处理器-webkit-边框左上角半径…
所以总结一下,你会得到以下(基于你的5px设置)：
在Firefox中：
$("#somediv").css("MozBorderRadius"); //"5px 5px 5px 5px"
$("pre").css("-moz-border-radius-topleft"); //"5px"
在Webkit(在Chrome和Safari中测试)：
$("pre").css("-webkit-border-top-left-radius"); //"5px 5px"
