Skip to main content

html-tags.com

<selectedcontent>

Mirrors the chosen option's content into a customizable select's closed button.

Experimental — limited availability · Forms

When to use it

Inside a button that is the first child of select, activated by CSS appearance: base-select — enables rich styled selects with native behavior.

When not to

Experimental and Chromium-first; frameworks re-rendering option content won't auto-update the mirrored clone.

Example

<select>
  <button>
    <selectedcontent></selectedcontent>
  </button>
  <option>🍎 Apple</option>
  <option>🍊 Orange</option>
</select>
Source — this snippet needs a fuller context to render.

Authoritative references