title: How to make a custom select option menu style without image in CSS?
body: <p>[I don't want the Unicode character]<br>
  For example: With using Black down-pointing triangle.
  <br />It'll using <code>-webkit-appearance: none;</code> to make it look better.</p>
  
  <p>It would be simple as:
  <br /><code>Select ▼</code>
  <br />to
  <br /><code>Select ▼</code>
  <br /><code>Value1</code>
  <br /><code>Value2</code>
  <br />or something similar</p>
  
  <p>HTML: </p>
  
  <pre><code>&lt;select&gt;
    &lt;option&gt;Value1&lt;/option&gt;
    &lt;option&gt;Value2&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p><strong>QUESTION:</strong> How to do it in pure CSS, without any JavaScript?</p>