Preventing an image from being draggable or selectable without using JS

by

Set the following CSS properties to the image:

.selector {
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

More Related Contents:

  1. How to align a to the middle (horizontally/width) of the page [duplicate]
  2. How can I get FF 33.x Flexbox behavior in FF 34.x? [duplicate]
  3. Advantages of using display:inline-block vs float:left in CSS
  4. Select elements by attribute in CSS
  5. How to prevent long words from breaking my div?
  6. Remove extra button spacing/padding in Firefox
  7. Setting transform-origin on SVG group not working in Firefox
  8. How do I force a DIV block to extend to the bottom of a page even if it has no content?
  9. Two divs, one fixed width, the other, the rest
  10. Make outer div be automatically the same height as its floating content
  11. Borders not shown in Firefox with border-collapse on table, position: relative on tbody, or background-color on cell
  12. Fonts looks different in Firefox and Chrome
  13. Remove “whitespace” between div element
  14. How do I Make Firefox Print a Background-Color Style?
  15. Make HTML5 video poster be same size as video itself
  16. How to get Floating DIVs inside fixed-width DIV to continue horizontally?
  17. CSS text ellipsis when using variable width divs
  18. CSS “outline” different behavior behavior on Webkit & Gecko
  19. Different implementation of Flexbox in Firefox and Chrome
  20. How to push a footer to the bottom of page when content is short or missing?
  21. SVG Fill not being applied in FireFox
  22. Can I replace the expand icon (▶) of the element?
  23. Firefox blurs an image when scaled through external CSS or inline style.
  24. How to add bordered triangle over a div tag
  25. How do I get placeholder text in firefox and other browsers that don’t support the html5 tag option?
  26. CSS Floating Divs with different height are aligned with space between them
  27. Trouble (vertically) Centering Text in another DIV with relative % sizing
  28. Horizontal scroll in DIV with many small DIV’s inside (no text)
  29. Image scaling by CSS: is there a webkit alternative for -moz-crisp-edges?
  30. Flex elements ignore percent padding in Firefox

Leave a Comment