Question

我有一个表单，允许用户按下向上或向下按钮来调整元素中的字体大小。当我重置表单时，我需要将“默认”字体大小放回隐藏字段中以发送到php脚本。那么如何才能将css字体大小实际输入到css样式表中，而不是被jquery改变的那个？

谢谢你，托德

Answer 1

最简单的方法是在更改之前存储原始字体大小：

var originalFontSize = $myElement.css('font-size');

然后在您的代码中重置表单：

$myHiddenElement.attr('value', originalFontSize);

您可以使用Javascript访问实际样式表中的定义 - 描述here - 但是您必须对元素的相关定义位于何处做出各种假设并且不会考虑任何特定于浏览器的覆盖等。在修改它之前，只需抓住该元素的状态就容易得多。

Answer 2

您可以在css中定义默认字体大小，如下所示：

#myelement {
    font-size: 12;
}

然后，您可以使用javascript

在本地覆盖此值

var element = document.getElementById('myelement');
element.style.fontSize = new_font_size;  // local values override the value from the stylesheet.

然后当您想将其设置为默认

时

var element = document.getElementById('myelement');
element.style.fontSize = null; // now it reverts back to using the value defined in the stylesheet

Answer 3

在更改font-size之前，需要在JS变量中设置默认值。

var defaultFontSize = 20;

然后用它来重置。

jquery css默认字体大小

3 个答案: