RequiredFieldValidator - как избавиться от красного цвета шрифта по умолчанию

Question

Я не могу изменить цвет по умолчанию для обязательного поля валидатора. В источнике это:

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

Вот что у меня в файле .skin:

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

В отображаемом источнике я вижу:

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

Обратите внимание на "style = color: Red;". Это должно идти. Я не могу переопределить это css-классом, потому что это встроенный CSS. Что мне делать?

Answer 1

Существует свойство RequiredFieldValidator.ForeColor , которое можно установить для управления цветом. Обратите внимание, что если вы хотите установить цвет в CSS, то вам нужно установить ForeColor = "", чтобы очистить его в элементе управления.

Answer 2

Я знаю эту старую ветку, но столкнулся с этим в другой день. Странно, что настройка таблицы стилей не переопределяет цвет текста валидатора. В моем случае у меня была целая куча разных валидаторов и расширенных валидаторов, для которых я хотел переопределить цвет текста, поэтому вместо файла темы и обложки я создал собственный адаптер элемента управления, который обрабатывает рендеринг элемента управления BaseValidator. Внутри метода рендеринга я просто установил ForeColor = Color.Empty. Надеемся, что это поможет другим людям, которые столкнулись с этой ситуацией и хотят переопределить цвет текста для всех видов валидаторов (обязательное поле, регулярное выражение, сравнение, ...).

Answer 3

Вы пытались добавить атрибут стиля с пустой строкой в ​​файл скина:

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

Answer 4

Я где-то читал, чтобы использовать тег! Important в своем классе CSS для переопределения встроенного CSS ...

Answer 5

Использование !important, кажется, работает нормально в Firefox и IE, но по какой-то причине не в Google Chrome ... но не важно, доля Chrome все еще очень мала.

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