Form CSS for iPad


/ Published in: CSS
Save to your folder(s)



Copy this code and paste it in your HTML
  1. /* Scales all of the fonts on the page */
  2. html {
  3. -webkit-text-size-adjust:125%;
  4. font-family:Helvetica, Arial, sans-serif
  5. }
  6. /* Changes the width of the form to scale depending on rotation */
  7. .form-container {
  8. width:90%;
  9. }
  10. /* Adjusts the font size to increase the hit area for each input field */
  11. input {
  12. font-size: 125%;
  13. }
  14. input[type="checkbox"] {
  15. width: 35px;
  16. height: 35px;
  17. }
  18. input[type="radio"] {
  19. width: 35px;
  20. height: 35px;
  21. }
  22. select {
  23. font-size: 100%;
  24. padding: 0 0 0 10px;
  25. }
  26. fieldset {
  27. -moz-border-radius: 7px;
  28. -webkit-border-radius: 7px;
  29. border-radius: 7px;
  30. margin-bottom:25px;
  31. background-color:#f4faff;
  32. }
  33. legend {
  34. font-size:22px;
  35. color:#2D7AB6;
  36. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.