Image label for input in a form not clickable in IE11

by

One way to fix this is with pointer-events: none on the image, and adjusting the label with for example display: inline-block. (pointer-events is supported in IE11.)

label{
    display: inline-block;
}
label img{
    pointer-events: none;
}

(Demo at jsFiddle)

More Related Contents:

  1. flex property not working in IE
  2. CSS Grid Layout not working in IE11 even with prefixes
  3. Absolutely positioned flex item is not removed from the normal flow in IE11
  4. Position: sticky buttons not working in IE 11
  5. How can I prevent the scrollbar overlaying content in IE10?
  6. How to make a sticky footer using flexbox in IE11?
  7. Flexbox on IE11: image stretched for no reason?
  8. Browser is not displaying images
  9. How can I select an element with multiple classes in jQuery?
  10. Why is there an unexplainable gap between these inline-block div elements? [duplicate]
  11. Why doesn’t percentage padding / margin work on flex items in Firefox and Edge?
  12. Make flex items take content width, not width of parent container
  13. Grid properties not working on elements inside grid container
  14. Is element block level or inline level?
  15. Style input type file? [duplicate]
  16. Maintain the aspect ratio of a div with CSS
  17. How do I give text or an image a transparent background using CSS?
  18. How to apply CSS page-break to print a table with lots of rows?
  19. How to determine height of content-box of a block and inline element
  20. CSS: Workaround to backdrop-filter?
  21. Inspect webkit-input-placeholder with developer tools
  22. Different CSS for each browser?
  23. Why is there vertical scroll on the main container?
  24. CSS: image link, change on hover
  25. Scrolling to an Anchor using Transition/CSS3
  26. How to make a stable two column layout in HTML/CSS
  27. Selecting the last element among various nested containers
  28. Why is translateY(-50%) needed to center an element which is at top: 50%?
  29. Transparent scrollbar with css
  30. Table vertical header?

Leave a Comment