title: How to change the select drop down arrow color without using an image?
body: <p>So I'm trying to get the arrow in a select tag to be a custom color.
  Example: </p>
  
  <pre><code>&lt;input type="checkbox" class="checkbox1" checked="checked" /&gt;
  &lt;input type="text" spellcheck="false" size="20" /&gt;
  &lt;select class="dropdown"&gt;
      &lt;option value="&gt;"&gt;&amp;gt;&lt;/option&gt;
      &lt;option value="&lt;"&gt;&amp;lt;&lt;/option&gt;
      &lt;option value="&gt;="&gt;&amp;ge;&lt;/option&gt;
      &lt;option value="&lt;="&gt;&amp;le;&lt;/option&gt;
      &lt;option value="=="&gt;&amp;#61;&lt;/option&gt;
      &lt;option value="!="&gt;&amp;ne;&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I've seen a lot of advice to use an image instead, but I can't do that. Maybe using <code>&amp;#9660;</code>&#9660; could be part of a solution?</p>