267459-1.html 1.0 KB

12345678910111213141516171819202122232425262728293031
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Test unicode-bidi in form controls</title>
  5. <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  6. <style type="text/css">
  7. .reversed {
  8. direction: rtl;
  9. unicode-bidi: bidi-override;
  10. }
  11. </style>
  12. </head>
  13. <body>
  14. <p class="reversed">This paragraph should appear backwards</p>
  15. <p>
  16. <textarea class="reversed" rows="3" cols="80" style="resize:none">This textarea should appear backwards</textarea><br>
  17. <input class="reversed" type="text" size="80" value="This input should appear backwards"><br>
  18. <input class="reversed" type="button" value="This button should appear backwards"><br>
  19. <select size="6" class="reversed">
  20. <option selected class="reversed">This</option>
  21. <optgroup class="reversed" label="select">
  22. <option class="reversed">should</option>
  23. <option class="reversed">appear</option>
  24. </optgroup>
  25. <optgroup class="reversed" label="backwards">
  26. <option class="reversed">throughout</option>
  27. </optgroup>
  28. </select><br>
  29. </body>
  30. </html>