How to style select crossbrowser
<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>