RequiredFieldValidator - как избавиться от красного цвета шрифта по умолчанию
-
03-07-2019 - |
Вопрос
Кажется, я не могу изменить цвет по умолчанию для средства проверки обязательных полей.В исходном коде это:
<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:красный;".С этим нужно покончить.Я не могу переопределить его с помощью css-класса, потому что это встроенный CSS.Что мне следует делать?
Решение
Существует RequiredFieldValidator.ForeColor свойство вы можете установить для управления цветом. Обратите внимание, что если вы хотите установить цвет в CSS, то вам нужно установить ForeColor = " " очистить его на контроле.
Другие советы
Я знаю эту старую ветку, но столкнулся с этим в другой день. Странно, что настройка таблицы стилей не переопределяет цвет текста валидатора. В моем случае у меня была целая куча различных валидаторов и расширенных валидаторов, для которых я хотел переопределить цвет текста, поэтому вместо файла темы и обложки я создал собственный адаптер элемента управления, который обрабатывает рендеринг элемента управления BaseValidator. Внутри метода рендеринга я просто установил ForeColor = Color.Empty
. Надеемся, что это поможет другим людям, которые столкнулись с этой ситуацией и хотят переопределить цвет текста для всех видов валидаторов (обязательное поле, регулярное выражение, сравнение, ...).
Вы пытались добавить атрибут стиля с пустой строкой в файл оформления:
<asp:RequiredFieldValidator runat="server"
CssClass="error-text"
style=""
ErrorMessage="required" />
Я где-то читал, чтобы использовать тег! Important в своем классе CSS для переопределения встроенного CSS ...
Использование ! Important
, кажется, работает нормально в Firefox и IE, но по какой-то причине не в Google Chrome ... но не важно, доля Chrome все еще очень мала.
.form_error
{
font: bold 15px arial black,arial,verdana,helvetica !important;
color: #ff0000 !important;
}