textarea-nonnative-when-styled.html 1.1 KB

12345678910111213141516171819
  1. <!DOCTYPE HTML>
  2. <!-- these should make the textarea non-native and hide resizers since we can't control
  3. their native vs. non-native appearance -->
  4. <textarea style="border-width: 0; resize: none;">Textarea</textarea>
  5. <textarea style="border-width: 1px; resize: none;">Textarea</textarea>
  6. <textarea style="border-width: 2px; resize: none;">Textarea</textarea>
  7. <textarea style="border-width: 3px; resize: none;">Textarea</textarea>
  8. <textarea style="border-width: 4px; resize: none;">Textarea</textarea>
  9. <textarea style="border-width: 5px; resize: none;">Textarea</textarea>
  10. <textarea style="border-width: 6px; resize: none;">Textarea</textarea>
  11. <textarea style="border-style: dotted; resize: none;">Textarea</textarea>
  12. <textarea style="border-color: green; resize: none;">Textarea</textarea>
  13. <textarea style="background-color: transparent; resize: none;">Textarea</textarea>
  14. <textarea style="background-color: white; resize: none;">Textarea</textarea>
  15. <!-- these should let it stay native -->
  16. <textarea style="color: black"></textarea>
  17. <textarea style="font-weight: normal"></textarea>