Как увеличить ширину входных текстовых элементов с помощью CSS?

Question

Для целей выравнивания (я не могу использовать HTML-таблицу, потому что некоторым строкам требуется больше tds, чем другие), я пытаюсь микроуровнять ширину определенных элементов ввода текста.

Я получил этот HTML:

<input class="firstblockinput" type="text" id="travelername" title="Last Name, First Name, Middle Initial" /> 

... который, как вы, наверное, отметили, референции этот CSS класс:

.firstblockinut { 
    width: 196px; 
} 

Он ничего не делает; ширина имени пользователя остается упрямо одинаковой (169).

Однако, я могу выполнить его в JQuery так:

var travname = $('[id$=travelername]'); 
travname.width(196); 

Так как я могу сделать то, что легко в JQuery с помощью HTML/CSS?

Answer 1

У вас есть опечатка here..In ваш CSS у вас есть

.firstblockinut { 
    width: 196px; 
} 

в то время как в вашем HTML, у вас есть

<input class="firstblockinput" type="text" id="travelername" title="Last Name, First Name, Middle Initial" /> 

Обратите внимание на имя класса в вашем HTML, а также в вашем CSS

в вашем CSS, у вас есть firstblockinut, тогда как в HTML, у вас есть firstblockinput. Обратите внимание на отсутствие p. Именно по этой причине CSS не работал на вас.