How to change/remove CSS classes definitions at runtime?

by

It’s not difficult to change CSS rules at runtime, but apparently it is difficult to find the rule you want. PPK has a quick tour of this on quirksmode.org.

You’ll want to use document.styleSheets[i].cssRules which is an array you need to parse through to find the one you want, and then rule.style.setProperty('font-size','10px',null);

More Related Contents:

  1. CSS or jQuery : How to get visible top [duplicate]
  2. Come up on hover [closed]
  3. How to have html popup appear over main html page?
  4. Write tags in HTML and print
  5. Change from (+) symbol to (-) after click (function(){
  6. How to disable HTML links
  7. Cross-browser multi-line text overflow with ellipsis appended within a fixed width and height
  8. How to prevent Unicode characters from rendering as emoji in HTML from JavaScript?
  9. Can you style an html radio button to look like a checkbox?
  10. How to style “input file” with CSS3 / Javascript? [duplicate]
  11. Show and hide divs at a specific time interval using jQuery
  12. How do I detect “shift+enter” and generate a new line in Textarea?
  13. offsetting an html anchor to adjust for fixed header [duplicate]
  14. Fixed positioning in Mobile Safari
  15. Disable Drag and Drop on HTML elements?
  16. AngularJS: Better way to watch for height change
  17. Styling [duplicate]
  18. Force browser to refresh CSS, JavaScript, etc
  19. Synchronized scrolling using jQuery?
  20. Open a new javascript window(.open) along with its CSS styling
  21. Toggle visibility property of div
  22. option.style.display = “none” not working in safari [duplicate]
  23. How to scroll table’s “tbody” independent of “thead”?
  24. Add a transform value to the current transforms that are already on the element?
  25. How do I detect the inherited background-color of an element using jQuery/JS?
  26. getElementsByClassName to change the style of elements when event occurs [duplicate]
  27. Why is element not being shown before alert?
  28. Calculate the bounding box’s X, Y, Height and Width of a rotated element via JavaScript
  29. Google’s Imageless Buttons
  30. How to apply background-color to a selected option?

Leave a Comment