How can you hide the arrow that is displayed by default on the HTML5 element in Chrome?

by

I didn’t plan to answer my own question but I have the solution.

Code 

details summary::-webkit-details-marker {
  display:none;
}

Note that the disclosure widget will still be displayed if you don’t provide a summary element, which is allowed by the spec.

More Related Contents:

  1. Hide scroll bar, but while still being able to scroll
  2. Google Chrome form autofill and its yellow background
  3. How to save CSS changes of Styles panel of Chrome Developer Tools?
  4. Favicon not showing up in Google Chrome [duplicate]
  5. Resource interpreted as stylesheet but transferred with MIME type text/html (seems not related with web server)
  6. Google Fonts are not rendering on Google Chrome
  7. Chrome rendering issue. Fixed position anchor with UL in body
  8. Turn off Chrome/Safari spell checking by HTML/css [duplicate]
  9. Prevent “overscrolling” of web page
  10. Stop CSS transition from firing on page load
  11. canvas default size
  12. Chrome: Automatic shift of web elements
  13. Chrome does not expand flex parent according to children’s content [duplicate]
  14. Prevent scroll-bar from adding-up to the Width of page on Chrome
  15. Different implementation of Flexbox in Firefox and Chrome
  16. chrome/safari display border around image
  17. text-decoration not working for visited state link
  18. 100vh height when address bar is shown – Chrome Mobile
  19. number input – always show spin buttons
  20. Select size attribute size not working in Chrome/Safari?
  21. Make flex items take content width, not width of parent container
  22. Is element block level or inline level?
  23. Maintain the aspect ratio of a div with CSS
  24. How do I give text or an image a transparent background using CSS?
  25. How to apply CSS page-break to print a table with lots of rows?
  26. Inspect webkit-input-placeholder with developer tools
  27. How to center cards in bootstrap 4?
  28. Create line numbers on pre with CSS only
  29. Why is translateY(-50%) needed to center an element which is at top: 50%?
  30. Prevent ligatures in Safari (Mavericks/iOS7) via CSS

Leave a Comment