Setting vendor-prefixed CSS using javascript

by

I don’t know of any library that does this, but if they are all just prefixes–that is, there is no difference in name or syntax–writing a function yourself would be trivial.

function setVendor(element, property, value) {
  element.style["webkit" + property] = value;
  element.style["moz" + property] = value;
  element.style["ms" + property] = value;
  element.style["o" + property] = value;
}

Then you can just use this in most cases.

More Related Contents:

  1. Does .css() automatically add vendor prefixes?
  2. required field notification using jquery
  3. CSS or jQuery : How to get visible top [duplicate]
  4. How to create a translucent in React Native?
  5. Write tags in HTML and print
  6. How to disable HTML links
  7. Cross-browser multi-line text overflow with ellipsis appended within a fixed width and height
  8. Refresh/reload the content in Div using jquery/ajax
  9. How to prevent Unicode characters from rendering as emoji in HTML from JavaScript?
  10. Animate element to auto height with jQuery
  11. How to style “input file” with CSS3 / Javascript? [duplicate]
  12. What is difference between width, innerWidth and outerWidth, height, innerHeight and outerHeight in jQuery
  13. How do I clear the content of a div using JavaScript? [closed]
  14. Fixed positioning in Mobile Safari
  15. Get a CSS value from external style sheet with Javascript/jQuery
  16. Disable Drag and Drop on HTML elements?
  17. Bootstrap 4 Dropdown Menu not working?
  18. :touch CSS pseudo-class or something similar?
  19. Synchronized scrolling using jQuery?
  20. CSS Animation onClick
  21. How to make changeable themes using CSS and JavaScript
  22. Flex items not shrinking when window gets smaller [duplicate]
  23. Check if element is between 30% and 60% of the viewport
  24. How to vertically align all text in CSS?
  25. Add a transform value to the current transforms that are already on the element?
  26. DIV Vertical Scroll bar on left
  27. How do I detect the inherited background-color of an element using jQuery/JS?
  28. CSS /JS to prevent dragging of ghost image?
  29. Clean way to programmatically use CSS transitions from JS?
  30. Jquery/Javascript Opacity animation with scroll

Leave a Comment