Не изменять цвет текста заголовка в Gridview с помощью CSS

Question

Я использую asp.net c #. Я использую gridview для отображения данных. Я контролирую все форматирование через CSS. В gridview я определил itemtemplate + edititemtemplate + footertemplate и делаю сортировку по столбцу связывания в поле шаблона. Моя проблема заключается в названии столбца, которое в качестве заголовка показывает, что цвет не изменяется с помощью CSS, размер шрифта, введите все в порядке, но передний цвет исправлен, так как синий - это любое тело, помогите мне, как я могу изменить передний цвет заголовка, который позволяет сортировки.

Мой код выглядит так: asp: TemplateField HeaderText = "Slsmn No." HeaderStyle-CssClass = "GridHeaderStyle" SortExpression = "Profile_Var"

Проблема "Слсмн Нет". Покажите синим цветом и под линией, но в CSS я дал цвет: красный

Спасибо

Answer 1

Класс CSS, который вы назначили (GridHeaderStyle), применяется к ячейкам заголовка, а не к ссылкам заголовка. Похоже, применяется цвет ссылки по умолчанию.

Добавьте в свой файл CSS следующее:

.GridHeaderStyle a {color: red;}

Это должно изменить цвет ссылки в заголовках.

Надеюсь, это поможет!

Answer 2

Сначала я попробовал решение Джереми, но оно не сработало для меня. Это связано с тем, что сгенерированный .asp код заставляет тег <style="color: #333333"> в заголовке при его сортировке.

Вот как решить проблему:

.GridHeaderStyle a {color: white!important}

Спецификатор! Важный отменит стиль, который вставляет asp.

Answer 3

Этот пост до сих пор не имеет лучшего ответа. Я нашел ниже код в том же форуме, на который отвечает ismailperim.

.GridStyle
{
    border: 6px solid rgb(217, 231, 255);
    background-color: White;
    font-family: arial;
    font-size: 12px;
    border-collapse: collapse;
    margin-bottom: 0px;
}
.GridStyle tr
{
    border: 1px solid rgb(217, 231, 255);
    color: Black;
    height: 25px;
}
/* Your grid header column style */
.GridStyle th
{
    background-color: rgb(217, 231, 255);
    border: none;
    text-align: left;
    font-weight: bold;
    font-size: 15px;
    padding: 4px;
    color:Black;
}
/* Your grid header link style */
.GridStyle tr th a,.GridStyle tr th a:visited
{
        color:Black;
}
.GridStyle tr th, .GridStyle tr td table tr td
{
    border: none;
}

.GridStyle td
{
    border-bottom: 1px solid rgb(217, 231, 255);
    padding: 2px;
}

Это точно решит проблему

Answer 4

Это происходит из-за того, что вы не определили правило CSS, которое говорит о цвете ссылки.

Добавьте в таблицу стилей следующее:

.GridHeaderStyle a {
    color: #f0f; /* or whatever */
}