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;

然后使用它进行重置。