title: How can I change the color bootstrap's select tag only arrow or text?
body: <p>I think bootstrap's select element's color and option tag's color is always the same.</p>
  <p>But I want to change the color individually.</p>
  <p>How to do this?</p>
  <pre><code>&lt;select&gt;
      &lt;option&gt;1&lt;/option&gt;
      &lt;option&gt;2&lt;/option&gt;
      &lt;option&gt;3&lt;/option&gt;
  &lt;/select&gt;
  .select{
      color:#f00;
  }
  .select option{
    color:#000 !important;
  }
  </code></pre>
  <p>but it has no effect on the result.</p>
  <p><img src="https://i.stack.imgur.com/shWNQ.png" alt="enter image description here" /></p>