title: How to remove input-group <select> arrow in bootstrap 4?
body: <p><strong>How can i remove that horrible looking double arrow in select ?</strong> 
  Any other answears about this article that i found doesn't work.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;div class="form-group"&gt;
        &lt;label for="date"&gt;Date&lt;/label&gt;
        &lt;div class"row"&gt;
          &lt;div class="col-5"&gt;
            &lt;input.....&gt;
          &lt;/div&gt;
          &lt;div class="col-7"&gt;
            &lt;div class="input-group"&gt;
              &lt;select class="custom-select"&gt;
                &lt;option.....&gt;
              &lt;/select&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Image:</p>
  
  <p><img src="https://i.stack.imgur.com/yftXU.png" alt="Image"></p>
  
  <p>I tried those solutions: </p>
  
  <ul>
  <li><a href="https://stackoverflow.com/questions/38576503/how-to-remove-the-arrow-in-dropdown-in-bootstrap-4">How to remove the arrow in dropdown in Bootstrap 4?</a></li>
  <li><a href="https://stackoverflow.com/questions/24038951/remove-arrows-from-form-element-select-in-bootstrap-3">Remove arrows from form element select in Bootstrap 3</a></li>
  <li><a href="https://stackoverflow.com/questions/16603979/select-removing-dropdown-arrow">Select removing dropdown arrow</a></li>
  <li><a href="https://stackoverflow.com/questions/33782201/how-to-replace-arrow-dropdown-select-in-boostrap">How to replace arrow dropdown select in boostrap</a></li>
  <li><a href="https://stackoverflow.com/questions/611482/change-color-and-appearance-of-drop-down-arrow">Change color and appearance of drop down arrow</a></li>
  </ul>
  
  <p>but not works.</p>