3 ms·

Also, it uses this instead of <select>: <div class="menu" tabindex="-1"> <div class="item" data-value="ad"><i class="ad flag"></i>And

• nailer 10y ago
  `<select>`s aren't styleable so you have to do a select proxy.
  • steveax 10y ago
    They are, to some extent at least, depending on what browsers you need to support. You have to set *-appearance: none and build the styles back up.
    • nailer 10y ago
      Thanks! More info for others: http://stackoverflow.com/questions/1895476/how-to-style-a-select-dropdown-with-css-only-without-javascript http://stackoverflow.com/questions/1895476/how-to-style-a-se...
• vinayakkulkarni 10y ago
  Look at the second example: https://semantic-ui.com/modules/dropdown.html#selection https://semantic-ui.com/modules/dropdown.html#selection
• tregoning 10y ago
  Unfortunately there are some severe limitations of using native select, in particular in relation to list item (i.e. option element) - Can't have anything but plain text: (e.g. no images, bold text etc) - Can't have a line-break, or somehow wrap text into a 2nd line if entry is too long