@collab-ui/core/scss/components/select/examples/default.html

Cisco Collab UI CSS Framework

<div class="cui-input-group cui-select">
  <button
    class="cui-button cui-button--36 active cui-button--input"
    alt=""
    type="button"
    aria-labelledby="cui-select-69__label"
    tabindex="0"
    name="cui-select-69"
    aria-haspopup="listbox"
  >
    <span class="cui-button__children" style="opacity: 1;">
      <div class="cui-select__label" id="cui-select-69__label">
        Select Item Here
        <i class="icon icon-arrow-down_16"></i>
      </div>
    </span>
  </button>
  <div class="cui-event-overlay cui-event-overlay--bottom">
    <div class="cui-event-overlay__children" style="top: 465px; left: 272px;">
      <div class="cui-list cui-list--vertical cui-list" role="listbox" aria-labelledby="cui-select-69__label" aria-multiselectable="false" style="width: 821px;">
        <div aria-current="true" class="cui-list-item" id="cui-list-73__so-item" role="option" tabindex="0" title="test1">
          <div class="cui-list-item__center">test1</div>
          <div class="cui-list-item__right"></div>
        </div>
        <div aria-current="false" class="cui-list-item" id="cui-list-73__so-item" role="option" tabindex="-1" title="test2">
          <div class="cui-list-item__center">test2</div>
          <div class="cui-list-item__right"></div>
        </div>
        <div aria-current="false" class="cui-list-item" id="cui-list-73__so-item" role="option" tabindex="-1" title="test3">
          <div class="cui-list-item__center">test3</div>
          <div class="cui-list-item__right"></div>
        </div>
        <div aria-current="false" class="cui-list-item" id="cui-list-73__so-item" role="option" tabindex="-1" title="test4">
          <div class="cui-list-item__center">test4</div>
          <div class="cui-list-item__right"></div>
        </div>
      </div>
    </div>
  </div>
</div>