0

Como faço para aplicar um estilo a todos os EditorFor da minha View?

Exemplo do campo:

@Html.EditorFor(model => model.Photo, new {htmlAttributes = new {@class = "form-control"}})

tentei fazer assim mas não deu:

<style>
    Html.EditorFor{
        width:500px;
    }
</style>

e também assim:

<style>
    EditorFor{
        width:500px;
    }
</style>
6
  • relacionado: Como aplicar um estilo em dois elementos diferentes usando :hover?
    – novic
    Commented 15/12/2016 às 0:03
  • @Virgilio isto funciona com elementos com tags como 'div, a, p' e etc mas neste meu caso não... pois aí é utilizado o Razor Commented 15/12/2016 às 0:16
  • por isso é relacionada, independente de qualquer coisa input, div etc são tags html, e se enquadrão. O problema é saber o que aquela linha vai gerar? você poderia colocar isso porque o EditorFor gera a partir de um tipo e os tipos de uma classe pode e devem variar. Que input ele gera?
    – novic
    Commented 15/12/2016 às 0:27
  • Vc diz pra mim trocar o EditorFor pelo Input? No <Style>? Commented 15/12/2016 às 0:38
  • Na vdd este tamanho é só pra teste pra ver se funciona Commented 15/12/2016 às 0:41

1 Resposta 1

1

O EditorFor gera tags HTML e são nelas que aplicamos configurações de tamanho, cor, estilos (css), etc.

A tabela abaixo é como se comporta o EditorFor conforme o tipo de dado:

| --- Property DataType --- | ------ Html Element ------ |
| string                    |   <input type="text">      | 
| int                       |   <input type="number">    | 
| decimal, float            |   <input type="text">      | 
| boolean                   |   <input type="checkbox">  |
| Enum                      |   <input type="text">      |
| DateTime                  |   <input type="datetime">  |
| ------------------------------------------------------ |

Referencia da tabela site: tutorialsTeacher.com


Para atribuir CSS com tamanho padrão siga os exemplos abaixo:

Colocar tamanho em todos os input

input {
  width: 500px;
}
<input type="text" />

Colocar tamanho em todos os input do tipo text?

input[type="text"] {
  width: 500px;
}
<input type="text" />
<input type="password" />

Observação: somente os input do tipo text recebe o tamanho padrão de 500px

Com esses dois exemplos pode criar CSS para determinados tipos de dados, ou para um determinado tipo de tag HTML.

Referencias:

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .