I have a drupal created form where I have set the size of the form:

$form['myform']['#size'] = 22;

Now on my windows machine on Chrome / FF / IE / Safari it is a specific size, visually.

When I go to view the same form on my Macbook the same INPUT field is significantly smaller in Chrome / FF / Safari on OS X ??? Even though both obviously have the size = 22 setting?

Why is it not rendering the same size across all platforms??


2 Answers 2


Size is the char amount that goes into the input field. If you want to style it, use CSS.

  border: 1px solid #666;
  width: 210px;
  height: 30px;
  font-size: 1em;

There are differences in how the two platforms render content: THE WINDOWS/MAC FONT-SIZE PROBLEM. I'm afraid this is a long standing issue that many will say is the fault of Windows rather than the Mac due to how things are rendered on the two systems. If you're really keen on getting the best results in making your forms look consistent across browsers/platforms consider using css3: Design a Prettier Web Form with CSS 3.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.