Tamanho de entrada versus largura

Ao especificar o tamanho de um campo de entrada, você tem duas opções: usar o atributo tamanho ou o largura Propriedade CSS. Mas qual é o melhor código para vários navegadores?

A resposta é: você pode usar os dois. O estilo CSS substituirá o atributo size em navegadores que suportam CSS e tornará o campo com a largura correta e, para aqueles que não o fazem, ele retornará ao número especificado de caracteres.

Editar : Eu deveria ter mencionado que o atributo size não é um método preciso de dimensionamento: de acordo com a especificação HTML, ele deveria se referir ao número de caracteres da fonte atual que a entrada poderá para exibir de uma só vez.

No entanto, a menos que a fonte especificada seja uma fonte de largura fixa/monoespaçada, isso não é uma garantia de que o número especificado de caracteres será realmente visível; na maioria das fontes, caracteres diferentes terão larguras diferentes. Esta pergunta tem algumas boas respostas relacionadas a esse problema.

O trecho abaixo demonstra ambas as abordagens.