Advanced Search

Form CSS for iPad

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

Expand | Embed | Plain Text

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.