Add CSS rule via jQuery for future created elements

by

This should work:

var style = $('<style>.class { background-color: blue; }</style>');
$('html > head').append(style);

More Related Contents:

  1. How to display an chage photo option on mouse hover similar to linkedin using Javascript? [closed]
  2. Input type="text" with select functionality after clicking on Input type="text"
  3. How to dectect objects' overlaping situations in javascirpt? [closed]
  4. jQuery .animate function not responding properly
  5. How to force browser to show image 3 inches wide?
  6. Reloading a single div in an html page [closed]
  7. How to invoke animation when redirection in jsf?
  8. fixing slider on my website [closed]
  9. Only detect click event on pseudo-element
  10. Can I use HTML tags in the options for select elements? [duplicate]
  11. Select all elements that have a specific CSS, using jQuery
  12. How to build simple jQuery image slider with sliding or opacity effect?
  13. How can I disable a browser or element scrollbar, but still allow scrolling with wheel or arrow keys?
  14. Hide scrollbar while still being able to scroll with mouse/keyboard [duplicate]
  15. Border Radius for IE8
  16. make html text input field grow as I type?
  17. jQuery Drag/Resize with CSS Transform Scale
  18. Creating a select box with a search option
  19. Trees in Twitter Bootstrap [closed]
  20. Fill available spaces between labels with dots or hyphens
  21. How to resize Twitter Bootstrap modal dynamically based on the content
  22. Uncaught TypeError: Cannot read property ‘top’ of undefined
  23. iphone/ipad triggering unexpected resize events
  24. Extracting text from a contentEditable div
  25. Prevent iOS bounce without disabling scroll ability
  26. How do I make an area unclickable with CSS?
  27. How can I dynamically highlight strings on a web page?
  28. Detect if dropdown navigation would go off screen and reposition it
  29. Iframe inherit from parent
  30. Bootstrap Dropdown menu is not working

Leave a Comment