RequiredFieldValidator: cómo deshacerse del color de fuente rojo predeterminado

Question

Parece que no puedo cambiar el color predeterminado del validador de campo requerido. En la fuente está:

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

Esto es lo que tengo en mi archivo .skin:

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

En la fuente renderizada veo:

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

Observe el " estilo = color: Rojo; " ;. Eso tiene que irse. No puedo anularlo con una clase css porque es CSS en línea. ¿Qué debo hacer?

Answer 1

Hay un RequiredFieldValidator.ForeColor propiedad que puede configurar para controlar el color. Tenga en cuenta que si desea establecer el color en CSS, entonces necesita configurar ForeColor = " " para borrarlo en el control.

Answer 2

Sé que este es un hilo viejo, pero me encontré con este otro día. Es un poco extraño que la configuración de la hoja de estilo no anule el color del texto del validador. En mi caso, tenía un montón de diferentes validadores y validadores extendidos para los que quería reemplazar el color del texto, así que en lugar de un tema y un archivo de aspecto, creé un adaptador de control personalizado que controla la representación del control BaseValidator. Dentro del método de representación, acabo de configurar ForeColor = Color.Empty . Esperemos que esto ayude a otras personas que se hayan encontrado con esta situación y quieran anular el color del texto para todo tipo de validadores (campo obligatorio, expresión regular, comparación, ...).

Answer 3

¿Intentaste agregar un atributo de estilo con una cadena vacía en el archivo de máscara:

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

Answer 4

Leí en algún lugar para usar la etiqueta! important en tu clase de css para anular el css en línea ...

Answer 5

El uso de ! important parece funcionar bien en Firefox e IE, pero por alguna razón no en Google Chrome ... sin embargo, la parte de Chrome aún es muy baja.

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