как изменить ширину текстового поля в представлении asp.net-mvc View
Я хочу иметь эти поля рядом друг с другом, а текстовое поле состояния намного короче
<p>
<label for="city">City:</label>
<%= Html.TextBox("city")%>
<label for="state">State:</label>
<%= Html.TextBox("state")%>
</p>
EDIT:
Ни один из нижеприведенных ответов не работает для меня. Я заметил, что в site.css я вижу это:
fieldset p
{
margin: 2px 12px 10px 10px;
}
fieldset label
{
display: block;
}
fieldset label.inline
{
display: inline;
}
legend
{
font-size: 1.1em;
font-weight: 600;
padding: 2px 4px 8px 4px;
}
input[type="text"]
{
width: 200px;
border: 1px solid #CCC;
}
input[type="password"]
{
width: 200px;
border: 1px solid #CCC;
}
как переопределить это поведение для одного поля (текстовое поле)