我有一个 div,包含以下 HTML 和 CSS。为了使我的 Javascript 代码更加健壮,我尝试从所选元素中检索某些 CSS 属性。
我知道如何使用 .css() getter 来获取元素,但是如何使用该方法获取边框半径?
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");
会起作用(显然只返回一个角的设置)。
Edit:
As Tgr指出 $('#foo').css('MozBorderRadius')
会让你在 Firefox 中读回它。正如 Bradley Mountford 在下面的评论中指出的那样,看起来您也可以使用组件部件从 Webkit 中读取内容(尽管似乎只有 chrome 喜欢)border-top-left-radius
,而 Chrome 和 Safari 都处理-webkit-border-top-left-radius
...
总结一下,您会得到以下内容(根据您的5px
环境):
在火狐中:
$("#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"
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)