Changing width property of a :before css selector using JQuery [duplicate]

by

I don’t think there’s a jQuery-way to directly access the pseudoclass’ rules, but you could always append a new style element to the document’s head like:

$('head').append('<style>.column:before{width:800px !important;}</style>');

See a live demo here

I also remember having seen a plugin that tackles this issue once but I couldn’t find it on first googling unfortunately.

More Related Contents:

  1. When we using alert vs popup div tag? [closed]
  2. How to hide css and js version details from weppalyzer in PHP
  3. How to do this mouse over effect in jquery?
  4. How to make page loaders/animations/transitions
  5. Download the text over image using jquery
  6. toggle show/hide div with button?
  7. Replacing css file on the fly (and apply the new style to the page)
  8. How can I remove a style added with .css() function?
  9. Dynamically loading css stylesheet doesn’t work on IE
  10. How to silently hide “Image not found” icon when src source image is not found
  11. How to close an open collapsed navbar when clicking outside of the navbar element in Bootstrap 3?
  12. Use images like checkboxes
  13. Setting CSS value limits of the window scrolling animation
  14. Stop fixed position at footer
  15. Dropdown select with images
  16. css transition doesn’t work if element start hidden
  17. How to auto-scroll to end of div when data is added? [duplicate]
  18. jquery – How to determine if a div changes its height or any css attribute?
  19. How to convert unordered list into nicely styled dropdown using jquery?
  20. Responsive horizontal page sliding
  21. Scale element proportional to Background Cover with jQuery
  22. How to build simple tabs with jQuery?
  23. CSS fade left to right
  24. Bootstrap Dropdown with Hover
  25. Get the scale value of an element?
  26. How to get border width in jQuery/javascript
  27. How to show hidden divs on mouseover?
  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