option.style.display = “none” not working in safari [duplicate]

by

You can’t toggle display on <option> elements in Safari (or IE, for that matter). This is part of a long and inconsistent tradition with Safari restricting CSS styling functionality on form elements, believing the visual language of interactive elements should be consistent with the OS (no point trying to find a rationale for IE’s failings).

Your only options are either to remove it (and re-append it later), or to set it to optnz.disabled = true. Sorry for the bad news!

More Related Contents:

  1. How to use Checkbox inside Select Option
  2. How to ensure a form field is submitted when it is disabled?
  3. Creating a select box with a search option
  4. Can you have multiple lines in an element?
  5. Download the text over image using jquery
  6. Replacing css file on the fly (and apply the new style to the page)
  7. How to autosize a textarea using Prototype?
  8. How to change CSS property using JavaScript
  9. Relative Paths in Javascript in an external file
  10. How to silently hide “Image not found” icon when src source image is not found
  11. How to Include CSS and JS files via HTTPS when needed?
  12. Use images like checkboxes
  13. Setting CSS value limits of the window scrolling animation
  14. HTML – how can I show tooltip ONLY when ellipsis is activated
  15. HTML Table with vertical rows
  16. scrollTop animation without jquery [duplicate]
  17. Using querySelectorAll to change the style property of multiple elements
  18. What is the difference between window.innerWidth and screen.width?
  19. What are the possible ways to hide an element via CSS [closed]
  20. Google Maps API v3: InfoWindow not sizing correctly
  21. What are some good ways to prevent people from copying my source code? [closed]
  22. Images not loading when relative path is used in React
  23. Scroll Position of div with “overflow: auto”
  24. Auto Mobile Site Redirect
  25. Styling Vuetify selectors
  26. How to get CSS class property in Javascript?
  27. How to keep elements non-refreshed
  28. How do you swap DIVs on mouseover (jQuery)?
  29. How to get a leaflet map canvas to have a 100% height?
  30. Can I save input from form to .txt in HTML, using JAVASCRIPT/jQuery, and then use it?

Leave a Comment