RequiredFieldValidator - como se livrar do padrão do Red font color

Question

Não consigo parece mudar a cor padrão do validador campo obrigatório. Na fonte é:

<span class="required">*</span>
<asp:RequiredFieldValidator ID="valReq_txtTracks" runat="server"
    ControlToValidate="txtTracks"
    Display="Dynamic" />

Aqui está o que eu tenho em meu arquivo .skin:

<asp:RequiredFieldValidator runat="server" 
    CssClass="error-text"
    ErrorMessage="required" />

No código-fonte renderizado vejo:

<span class="required">*</span>
<span id="ctl00_ctl00_cphContent_cphContent_valReq_txtTracks" class="error-text" style="color:Red;display:none;">required</span>

Observe o "style = color: red;". Que precisa ir. Eu não posso substituí-lo com uma classe css porque é CSS embutido. O que devo fazer?

Answer 1

Há um RequiredFieldValidator.ForeColor propriedade você pode definir para controlar a cor. Note que se você quiser definir a cor em CSS, então você precisa definir ForeColor = "" para limpá-la no controle.

Answer 2

Eu sei que esta uma discussão antiga, mas eu corri para este outro dia. É meio estranho que a definição de folha de estilo não substitui a cor do texto do validador. No meu caso, eu tinha um monte de diferentes validadores e validadores estendidos que eu queria substituir a cor do texto para, então ao invés de um arquivo de tema e pele, eu criei adaptador de controle personalizado que alças prestação de controle de BaseValidator. Dentro do método de renderização, eu apenas definir ForeColor = Color.Empty. Esperemos que esta ajuda outras pessoas que dirigiam a esta situação e deseja substituir a cor do texto para todo o tipo de validadores (campo obrigatório, expressão regular, comparar, ...).

Answer 3

Você tentou adicionar atributo de estilo com string vazia no arquivo de pele:

<asp:RequiredFieldValidator runat="server" 
    CssClass="error-text"
    style=""
    ErrorMessage="required" />

Answer 4

Eu li em algum lugar para usar o! Tag importante em sua classe CSS para substituir o CSS inline ...

Answer 5

Usando !important parece funcionar bem no Firefox e IE, mas por alguma razão não no Google Chrome ... nada demais, porém, a participação do Chrome ainda é muito baixo.

.form_error
{
    font: bold 15px arial black,arial,verdana,helvetica !important; 
    color: #ff0000 !important;
}