2013-08-08 5 views
0

У меня есть эта Ajax формаCss импорт не работает на MVC 4

@using (Ajax.BeginForm(new AjaxOptions { HttpMethod = "POST", OnSuccess = "SucessoCriarUsuario", OnFailure = "FalhaCriarUsuario" })) 
{ 

    <div class="separador"> 
     <div class="linha1"> 
      @Html.LabelFor(m => m.Nome) 
      <br /> 
      @Html.TextBoxFor(m => m.Nome) 
      @Html.ValidationMessageFor(m => m.Nome) 
     </div> 
     <div class="linha1"> 
      @Html.LabelFor(m => m.Login) 
      <br /> 
      @Html.TextBoxFor(m => m.Login) 
      @Html.ValidationMessageFor(m => m.Login) 
     </div> 
     <div class="linha2"> 
      @Html.LabelFor(m => m.Email) 
      <br /> 
      @Html.TextBoxFor(m => m.Email) 
      @Html.ValidationMessageFor(m => m.Email) 
     </div> 
    </div> 
    <br /> 
    <br /> 
    <div class="separador"> 
     <div class="linha2"> 
      @Html.LabelFor(m => m.Perfil)<br> 
      @Html.DropDownListFor(m => m.Perfil, new SelectList(UsuarioController.ObterListaPerfis(User.Identity.Name))) 
     </div> 
     <div class="linha2"> 
      @Html.LabelFor(m => m.Ativacao)<br> 
      @Html.DropDownListFor(m => m.Ativacao, new SelectList(new List<string> { "Ativo", "Inativo" })) 
     </div> 
     <div class="linha2"> 
      <br> 
      <input type="submit" value="Salvar" /> 
      <input type="button" id="btnCancelar" value="Cancelar" /> 
     </div> 
    </div> 

} 

И у меня есть переопределения CSS для поля validationmessagefor и поля textBoxFor ... Но когда я импортировать файл CSS, который имеет эти классы переопределяют ...

<head> 
    <link href="@Url.Content("~/Content/ModalStyle.css")" rel="stylesheet" type="text/css" /> 
</head> 

CSS-не работает на validationmessageFor и textBoxFor ... Она работает только тогда, когда я поставил CSS на той же странице

<head> 
<style type="text/css"> 

.input-validation-error 
{ 
    border: 1px solid red; 
} 


.field-validation-error 
{ 
    color: red; 
    font-weight: bold; 
} 

</style> 
</head> 

Как это сработало ... почему? Любая помощь была бы оценена

+0

Возможно, браузер может найти файл? Вы можете сказать это с помощью отладки браузера. Как выглядит ModalStyle.css? – dwilson

+0

Он находит это, другие классы на css влияют на div с тем же классом, только validationmessageFor и textBoxfor, которые не получают классы –

+0

Являются ли исходные определения классов для '.input-validation-error' и' .field -validation-error' загружен и по-прежнему действует? – Jasen

ответ

0

Возможно, ее переопределило другое правило css или css. Измените его (правила CSS) на следующее в файле css и посмотрите, исправляет ли он его:

.input-validation-error 
{ 
    border: 1px solid red !important; 
} 


.field-validation-error 
{ 
    color: red !important; 
    font-weight: bold !important; 
} 
Смежные вопросы