This looks a very simple question but I seem to find it rather difficult to find a very easy solution...

Textboxes in forms are way too long when looking at it using Firefox but not in Chrome. In Chrome, container widths are respected so the textbox width does not go over containers' width. However, default size of 60 when using Firefox just breaks the container width declaration and does not get respected...

  • Use some css to define the width maybe?
    – tecjam
    Nov 17, 2011 at 22:09

1 Answer 1


I had the same css issue. you need to address the input field correctly with the inputtype "text":


.mywrapper-form input[type="text"] {
   width: 100px;
  • i guess i was thinking of a solution that don't need css like a tweak within the admin page directly perhaps. So you wont have to go back and forth if you have a thousand forms. hopefully also this will become standard across all browsers.
    – jan
    Nov 18, 2011 at 8:02
  • i should because a pixel is a pixel in each browser, while the size="1" is an abstract unit Nov 18, 2011 at 8:43
  • and why not make size equate to pixels
    – jan
    Nov 18, 2011 at 9:48

Your Answer

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

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