asp.net - side - RequiredFieldValidator: cómo deshacerse del color de fuente rojo predeterminado
custom validation attribute asp net core (5)
¿Intentó agregar el atributo de estilo con una cadena vacía en el archivo de máscara?
<asp:RequiredFieldValidator runat="server"
CssClass="error-text"
style=""
ErrorMessage="required" />
No puedo cambiar el color predeterminado del validador de campo requerido. En la fuente es:
<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 representada 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 ir. No puedo anularlo con una clase css porque está en línea CSS. ¿Que debería hacer?
Hay una propiedad RequiredFieldValidator.ForeColor que puede establecer para controlar el color. Tenga en cuenta que si quiere establecer el color en CSS, entonces necesita establecer ForeColor = "" para borrarlo en el control.
Leí en alguna parte para usar la etiqueta! Important en tu clase css para anular el css en línea ...
Sé que este es un hilo viejo, pero me encontré con este otro día. Es curioso que la configuración de la hoja de estilos no anule el color del texto del validador. En mi caso, tenía un montón de validadores diferentes y validadores ampliados sobre los que quería anular el color del texto, así que en lugar de un tema y un archivo de máscara, creé un adaptador de control personalizado que maneja la representación del control de BaseValidator. Dentro del método de renderizado, simplemente configuro ForeColor = Color.Empty . Con suerte, esto ayuda a otras personas que se encontraron con esta situación y desean anular el color del texto para todo tipo de validadores (campo obligatorio, expresión regular, comparar, ...).
El uso de !important parece funcionar bien en Firefox y IE, pero por alguna razón no en Google Chrome ... sin embargo, no es gran cosa, la cuota de Chrome sigue siendo muy baja.
.form_error
{
font: bold 15px arial black,arial,verdana,helvetica !important;
color: #ff0000 !important;
}