css - route - select asp-for asp-items

Styling HTML helpers ASP.NET MVC

Question

Si tengo un ayudante de HTML así:

Name:<br />
<%=Html.TextBox("txtName",20) %><br />

¿Cómo le aplico una clase de CSS? ¿Tengo que envolverlo en un lapso de tiempo? ¿O necesito utilizar de algún modo la propiedad HtmlAttributes del helper?

Answer 1

Investigué un poco y encontré este artículo que parece tener una solución para su pregunta.

Ajax Control Toolkit con ASP.NET MVC #

fuente: jimzimmerman

ARTÍCULO ENLACE

http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=330

CITAR

Así que, básicamente, si coloca el nombre de clase TextboxWatermark en cualquier entrada de texto con el título que desea mostrar como marca de agua como esta:

<input type="text" class"TextboxWatermark" name="username" id="username" title="Must be at least 6 chars" />

o

<%= Html.TextBox("username", new { @class = "TextboxWatermark", @title = "Must be at least 6 chars" }) %>

Lo bueno de la segunda opción es que obtienes la ventaja adicional de que View Engine complete el valor del cuadro de texto si hay un elemento en ViewData del ViewData.Model que tiene una var llamada ''username''.

Answer 2

Puede pasarlo a la llamada TextBox como parámetro.

Name:<br/>
<%= Html.TextBox("txtName", "20", new { @class = "hello" }) %>

Esta línea creará un cuadro de texto con el valor 20 y asignará el atributo de clase con el valor hola. Pongo el carácter @ al frente de la clase, porque la clase es una palabra clave reservada. Si desea agregar otros atributos, simplemente separe los pares clave / valor con comas.

Answer 3

¿Es mucho más trabajo?

Answer 4

Use el parámetro htmlAttributes con un tipo anónimo, como tihs:

<%=Html.TextBox("txtName","20", new { @class = "test"}) %>

Answer 5

Esta es la forma de agregar una clase y un estilo en el mismo elemento ...

"x" es el modelo pasado a la vista con una propiedad de TextBoxID

@Html.TextBoxFor(x => x.TextBoxID, new { @class = "SearchBarSelect", style = "width: 20px; background-color: green;" })