jquery - jquery css默认字体大小

Question

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

谢谢你，托德

Answer 1

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

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

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

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

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

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

在更改字体大小之前，您需要在 JS 变量中设置默认值。

var defaultFontSize = 20;

然后用它来做复位。