CSS appearance testing

HTML

<select class="input none">
    <option>View Results</option>
</select>
<hr>
<select class="input menulist"><option>View Results</option></select>
<hr>
<select class="input menulist-textfield"><option>View Results</option></select> 


aaa
<input class="none" type="radio" />
aaaa

CSS

// https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-appearance
// https://bugzilla.mozilla.org/show_bug.cgi?id=605985
// https://bugzilla.mozilla.org/show_bug.cgi?id=649849


.input{
    font-family: 'Arial';
    line-height: 1.5em;
    padding-left:3px;
    font-size: 14px;
    width: 200px;
}
.none{
    appearance: none; /* CSS3 */	
    -webkit-appearance: none; /* Safari and Chrome */
    -moz-appearance: none; /* Firefox */
    -ms-appearance: none; /* Internet Explorer */
    -o-appearance: none; /* Opera */
}
.menulist{
    appearance: menulist; /* CSS3 */	
    -webkit-appearance: menulist; /* Safari and Chrome */
    -moz-appearance: menulist; /* Firefox */
    -ms-appearance: menulist; /* Internet Explorer */
    -o-appearance: menulist; /* Opera */
}
.menulist-textfield{
    appearance: menulist-textfield; /* CSS3 */	
    -webkit-appearance: menulist-textfield; /* Safari and Chrome */
    -moz-appearance: menulist-textfield; /* Firefox */
    -ms-appearance: menulist-textfield; /* Internet Explorer */
    -o-appearance: menulist-textfield; /* Opera */
}