Customized select dropdown arrow not clickable

Answer 1

Add the following rule

pointer-events:none;

EDIT:

It should be noted though that IE doesn't yet support this property (Although according to caniuse - It will be supported in IE11)

BUT, If you still want to this method you can use Modernizer or conditional comments (For IE < 10) and this css hack (for IE10) to make IE revert to the standard built in arrow.

/*target Internet Explorer 9 and Internet Explorer 10:*/
@media screen and (min-width:0\0) { 
    span.selectWrapper:after
    {
        display:none;
    }
}

There is however a workaround (and also a different solution) for this, which I mention in my answer here - which also contains this Codepen