Categorias em formato dropdown

CÓDIGO CSS


/* CATEGORIAS EM FORMATO DROPDOWN */
.dropdownlabel select{
outline:none;
cursor:pointer;
}
.dropdownlabel{
display:inline-block;
position:relative;
overflow:hidden;
width:100%;
background:transparent;
border:1px solid transparent;
border-radius:3px;height:36px;
line-height:36px;
}
.dropdownlabel:before,.dropdownlabel:after{
content:'';
position:absolute;
z-index:2;
top:13px;
right:12px;
width:0;
height:0;
line-height:36px;
border:4px dashed;
border-color:#ffffff transparent; /*COR DA FONTE DA SETINHA*/
pointer-events:none;
}
.dropdownlabel:before{border-bottom-style:solid;border-top:none}
.dropdownlabel:after{margin-top:8px;border-top-style:solid;border-bottom:none}
.dropdown-select{
position:relative;
width:100%;
margin:0;
padding:6px 8px 6px 10px;
height:36px;
line-height:18px;
font-size:13px; /*TAMANHO DA FONTE*/
color:#ffffff; /*COR DA FONTE */
background:#800080; /*COR DE FUNDO */
border:0;
border-radius:0;
-webkit-appearance:none;
}
.dropdown-select>option{
margin:3px;
padding:6px 8px;
text-shadow:none;
background:#800080; /*COR DE FUNDO DAS CATEGORIAS*/
color: #ffffff !important; /*COR DA FONTE DAS CATEGORIAS*/
outline:none;
border:0;
border-radius:3px;
cursor:pointer;
}


CÓDIGO DE AJUSTE

<div class="dropdownlabel">
<select  class="dropdown-select" onchange='location=this.options[this.selectedIndex].value;'>
  <option> Selecione a categoria </option>
  <b:loop values='data:labels' var='label'>
    <option expr:value='data:label.url'>
      <data:label.name/> (
      <data:label.count/>)
    </option>
  </b:loop>
</select>
</div>