Применить CSS на HTML.Helpers

Я знаю, что это старый вопрос, на который уже дан ответ на StackOverFlow. Тем не менее, ни один из этих ответов не работает здесь. Я не могу применить CSS ни к одному из моих помощников HTML.

Мой HTML:

@Html.TextBox("Origin", new { @class = "MyInputClass" }) 

Мой CSS:

 .MyInputClass
{
 width:300px;
} 

Вместо того, чтобы получить текстовое поле шириной 300px, я получаю текстовое поле с текстом: { class = MyInputClass }

если я попробую вместо этого:

@Html.TextBox("Origin", "123", new { @class = "MyInputClass" }) 

Тогда я получу текстовое поле с текстом "123", но с шириной по умолчанию...

1 ответ

Решение

Не уверен, что случилось, потому что я попробовал оба ваших примера, и они сработали, как и ожидалось.

Получил:

<input class="MyInputClass" id="Origin" name="Origin" type="text" value="">

а также

<input class="MyInputClass" id="Origin" name="Origin" type="text" value="123">

Правильно ли связан CSS?

РЕДАКТИРОВАТЬ: Может быть, вы что-то изменили, но теперь первый пример создаст текстовое поле с "{ class = MyInputClass }" в нем. Добавьте пустой строковый параметр в середине, чтобы создать пустое текстовое поле:

@Html.TextBox("Origin", "", new { @class = "MyInputClass" }) 
Другие вопросы по тегам