html - Styling select option arrows -

are there ways arrows in firefox this:

at moment looks this:

html:

<select id="state" name="user_state">                 <option value="new_york">new york</option>                 <option value="california">california</option>                 <option value="florida">florida</option>                 <option value="texas">texas</option>                 <option value="hawaii">hawaii</option>                 <option value="washington">washington</option> </select> 

perhaps can use link similar question. solution hide existing arrow , insert own.