text-input-nonnative-when-styled-ref.html 1.7 KB

123456789101112131415161718192021222324
  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. <!-- these should let it stay native -->
  21. <input type="text" value="">
  22. <input type="text" value="">