Bootstrap select

by pj_js15

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.5/css/bootstrap-select.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.5/js/bootstrap-select.min.js"></script>
<p>Barebones
<select class="selectpicker">
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Barbecue</option>
</select>
</p>

<p>Decked out with options
    <select class="selectpicker show-menu-arrow" aria-expanded="true" data-live-search="true" multiple="true" title="Choose one of the following..." data-selected-text-format="count>3" data-size="10" data-width="auto" data-hide-disabled="false" data-dropup-auto="false" data-style="btn-inverse" data-mobile="false" data-show-subtext="true" data-max-options=7>
    
  <option class="category" data-subtext="(All)">Ford</option>
  <option selected="true">Escort</option>
  <option>Focus</option>
  <option selected="true" title="Thee Fusion">Fusion</option>
  <option data-divider="true"></option>
    
  <option class="category" data-subtext="(All)" selected="true">Nissan</option>
  <option disabled="disabled">Altima</option>
  <option disabled="disabled">Gallant</option>
  <option disabled="disabled">Pathfinder</option>
  <option data-divider="true"></option>
    
  <option class="category" data-subtext="(All)">Toyota</option>
  <option>Corolla</option>
  <option>Camry</option>
  <option>Tundra</option>
  <option selected="true" title="4 Runner">The hefty and cool Four Runner</option>
  <option data-divider="true"></option>
    
  <option class="category" data-subtext="(All)">Honda</option>
  <option>Civic</option>
  <option>Accord</option>
  <option>Odyssey</option>
  <option data-divider="true"></option>

</select>
</p>

CSS

.category {  
    margin-left:-12px;
    font-size: 1.3em; /*safari won't respect many/any of these but color?*/
    /*font-style: italic;*/
    font-weight: bold !important;
    color: #000000 !important; /*straight black makes it pop*/
    /*background: #000;*/
}