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

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

<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. Что мне делать?

Ответы

Ответ 1

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

Ответ 2

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

Ответ 3

Я прочитал где-нибудь использовать важный тег в вашем классе css, чтобы переопределить встроенный css...

Ответ 4

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

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

Ответ 5

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

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