title: How to style select crossbrowser
body: <p>Hi I'm searching for a solution, to have a crossbrowser style for my select. At the moment, my select (dropdown) looks different in chrome, firefox, safari and IE. I found some questions, but they didn't really helped me. Has someone an idea how to do this? The goal is, that my select looks same in every browser.</p>
  
  <p>I tried this css:</p>
  
  <pre><code>    select {
          transition: border-color ease-in-out 0.15s;
          background: transparent;
          border: 1px solid $BORDER_COLOR;
          outline: 0;
          padding: 5px;
  
          -webkit-user-select: none;
          -moz-user-select: -moz-none;
          -ms-user-select: none;
          user-select: none;
  
          -webkit-appearance: none;
          -moz-appearance: radio-container;
          appearance: none;
  
          background: url("../../assets/images/arrow.svg") no-repeat center right;
      }
  </code></pre>
  
  <p>Thanks </p>