text-input-nonnative-when-styled-ref.html (1753B)
1 <!DOCTYPE HTML> 2 <!-- these should make the input non-native --> 3 <input type="text" value="Text Input" style="-moz-appearance: none; border-width: 0"> 4 <input type="text" value="Text Input" style="-moz-appearance: none; border-width: 1px"> 5 <input type="text" value="Text Input" style="-moz-appearance: none; border-width: 2px"> 6 <input type="text" value="Text Input" style="-moz-appearance: none; border-width: 3px"> 7 <input type="text" value="Text Input" style="-moz-appearance: none; border-width: 4px"> 8 <input type="text" value="Text Input" style="-moz-appearance: none; border-width: 5px"> 9 <input type="text" value="Text Input" style="-moz-appearance: none; border-width: 6px"> 10 <input type="text" value="Text Input" style="-moz-appearance: none; border-style: dotted"> 11 <input type="text" value="Text Input" style="-moz-appearance: none; border-color: green"> 12 <input type="text" value="Text Input" style="-moz-appearance: none; background-color: transparent"> 13 <input type="text" value="Text Input" style="-moz-appearance: none; background-color: white"> 14 <input type="text" value="Text Input" style="-moz-appearance: none; border-top-left-radius: 0px"> 15 <input type="text" value="Text Input" style="-moz-appearance: none; border-top-right-radius: 1px"> 16 <input type="text" value="Text Input" style="-moz-appearance: none; border-bottom-right-radius: 2px"> 17 <input type="text" value="Text Input" style="-moz-appearance: none; border-bottom-left-radius: 3px"> 18 <input type="text" value="Text Input" style="-moz-appearance: none; border-inline-start-width: 3px"> 19 <input type="text" value="Text Input" style="-moz-appearance: none; border-inline-end-width: 3px"> 20 21 <!-- these should let it stay native --> 22 <input type="text" value=""> 23 <input type="text" value="">