Como faço para definir a largura e a altura de uma área de texto usando CSS?
Aqui está o meu css:
.editor-field textarea {
width : 400;
height : 100px;
}
Aqui está a marcação da minha opinião:
<div class="editor-field">
@Html.EditorFor(model => model.Visit.BehavioralObservations)
@Html.ValidationMessageFor(model => model.Visit.BehavioralObservations)
</div>
E aqui está a anotação do meu modelo mostrando o atributo MultilineText:
[DisplayName("Behavioral Observations")]
[DataType(DataType.MultilineText)]
public string BehavioralObservations { get; set; }
Por que não posso definir a largura dessa área de texto? Posso ajustar a altura no meu CSS e parece correto (verificado com as ferramentas do Chrome Developer), mas a largura não muda. O Chrome informa que a largura é um valor de propriedade inválido e que um aviso é aplicado à propriedade, juntamente com um triângulo amarelo exibido ao lado da propriedade.
Para sua informação, isso não está limitado ao Chrome. O IE8 tem o mesmo problema.
Pensamentos? Como faço para corrigir isso? Obrigado!