Question

I have a form that allows the user to push an up or down button to resize the font in an element. When I reset the form I need to put the “default” font size back in a hidden field to send to a php script. So how can I get the css font size actually typed into the css stylesheet, not the one that has been altered by jquery?

Thank you,
Todd

Answer 1

You can define the default font size in your css like so:

#myelement {
    font-size: 12;
}

Then you can override this value locally by using javascript

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

Then when you want to set it to the default

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