我正在使用 .css()
从元素获取样式。
但在 Firefox 中, .css()
无法从元素获取 margin
和 padding
的值。
请看 fiddle : http://jsfiddle.net/howtoplease/fMTsW/
这是我的 jquery 代码:
$(document).ready(function(){
$('input').each(function(){
this.value = $('h3').css(this.name);
});
});
我的 html 代码
<h3 style="margin:20px;padding:20px;font-size:30px;font-family:'open sans';">
I am heading 3
</h3>
<input name="margin" />
<input name="padding" />
<input name="font-size" />
<input name="font-family" />
最佳答案
CSS 标签“margin & padding”实际上是四个单独的边距/填充值(上/左/下/右)的简写。使用 css('marginTop') 等 - 请注意,如果您以这种方式指定它们,它们的末尾将有“px”。
在结果周围使用 parseInt() 将其转换为数字值。
<input name="margin-top" />
<input name="padding-top" />
或者
<input name="marginTop" />
<input name="paddingTop" />
这将为您带来值(value)。使用这种技术,您可以获得边距和填充的值。
关于jQuery - css() 在 Firefox 中无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17737474/