Selectable in HTML tag

by

I don’t think you can but you can easily reproduce the visual style with css and thus only have options in your select, so everything is selectable.

.optionGroup {
    font-weight: bold;
    font-style: italic;
}
    
.optionChild {
    padding-left: 15px;
}
<select multiple="multiple">
    <option value="0" class="optionGroup">Parent Tag</option>
    <option value="1" class="optionChild">Child Tag</option>
    <option value="2" class="optionChild">Child Tag</option>
</select>

The multiple attribute allow you to select more than one row (with ctrl click). You can remove it if it is not what you want. It was to show you that everything became selectable and that is looking the same as with optiongroup element.

More Related Contents:

  1. How do I make a placeholder for a ‘select’ box?
  2. How can I set the default value for an HTML element?
  3. using href links inside tag
  4. Change select box option background color
  5. Height of an HTML select box (dropdown)
  6. onclick on option tag not working on IE and chrome
  7. Putting images with options in a dropdown list
  8. Nesting optgroups in a dropdownlist/select
  9. Line Break in HTML Select Option?
  10. How to remove the default arrow icon from a dropdown list (select element)?
  11. Select dropdown with fixed width cutting off content in IE
  12. Adding html class tag under in Html.DropDownList
  13. Remove Select arrow on IE
  14. Html Select box options on Hover?
  15. Changing highlight color
  16. HTML Form: Select-Option vs Datalist-Option
  17. Set width of dropdown element in HTML select dropdown options
  18. Default text which won’t be shown in drop-down list
  19. Are Multi-line Options in Html Select Tags Possible?
  20. How to show disable HTML select option in by default?
  21. How can I create an editable dropdownlist in HTML?
  22. How to indent multiple levels of select optgroup with CSS?
  23. Editable ‘Select’ element
  24. Image in SELECT element [duplicate]
  25. Setting hidden datalist option values
  26. Drop Down Menu/Text Field in one
  27. How can change width of dropdown list?
  28. How to hide optgroup/option elements?
  29. Rendering a hierarchy of “OPTION”s in a “SELECT” tag
  30. How to get equal width of input and select fields

Leave a Comment