jquery css默認字體大小

我有一個表單，允許用戶按下向上或向下按鈕來調整元素的字體大小。當我重置表單時，我需要將「默認」字體大小放回隱藏字段以發送到php腳本。那麼我怎樣才能獲得實際輸入到css樣式表的css字體大小，而不是被jquery改變的字體大小？jquery css默認字體大小

謝謝託德

來源

2012-05-27 maddogandnoriko

調整它的代碼在哪裏？獲取默認值的目的是爲了重置演示文稿？ –

是的，重置所有內容，如'新鮮'重新加載。 – maddogandnoriko

你可以在你的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

來源

2012-05-27 13:32:05 Steve

改變它正是我想要的。 – maddogandnoriko

最簡單的方法是將存儲原始的字體大小，你改變它之前：

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

在你的重置表單代碼

然後：

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

您可以使用Javascript訪問實際樣式表內的定義 - 描述here - 但是接下來你必須對元素的相關定義所在的位置做出各種假設，並且不會考慮任何瀏覽器特定的覆蓋等。只是在獲取該元素之前更容易你修改它。

來源

2012-05-27 13:12:49

這就是我最終做的，但似乎有點不對。這可能是最簡單也是最可靠的。謝謝。 – maddogandnoriko

@maddogandnoriko - 請參閱下面的Steve的回答 - 他表示將'fontSize'屬性設置爲'null'會將其恢復爲其樣式表值。它可能會更加兼容使用jQuery的這個版本，即''myElement.css（'font-size'，''）' –

很好...正是我需要的 – maddogandnoriko

您需要在更改字體大小之前在JS變量中設置默認值。

var defaultFontSize = 20;

然後用它來重置。

來源

2012-05-27 13:16:07

但如果我在樣式表中更改它在路上，我將不得不記得在js中改變它。...... – maddogandnoriko

你多久會這樣做？ –

不確定....但如果我決定從現在開始改變它，我很可能會忘記在兩個地方 – maddogandnoriko

jquery css默認字體大小

回答

相關問題