There are no notes for this item.

<div class="spinner">
    <select name="dropdown-menu" class="input-box input-box--dropdown-menu input-box--selected" checked>
    <option value="">Value 1</option>
    <option value="">Value 2</option>
    <option value="">Value 3</option>
  </select>
    <div class="input-box__spinner">
        <button type="button" class="input-box__spinner__down"></button>
    </div>
</div>
  • Content:
    /*------------------------------------*\
        #DROPDOWN
    \*------------------------------------*/
    
    // Check Inputbox CSS
    
    .input-box--dropdown-menu {
      -moz-appearance: none;
      -webkit-appearance: none;
      appearance: none;
      min-width: 250px;
      background-color: $background-default;
    }
    
    .input-box--dropdown-menu ~ .input-box__spinner .input-box__spinner__down:after {
      top: 10px;
    }
    
  • URL: /components/raw/dropdown/dropdown.scss
  • Filesystem Path: components/03-molecules/01-dropdown/dropdown.scss
  • Size: 382 Bytes