User select:none causes input field to be inaccessible on Safari

Why not just apply the style to everything but the inputs?

css3 way: *:not(input){...}

Nothing new :)

*:not(input, textarea){
    -webkit-touch-callout: none;
    -webkit-user-select: none; // locks fields on Safari
    -khtml-user-select: none; // locks fields on Safari
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}