2009-03-17 11 views
3

asp.net C#을 사용하고 있습니다. gridview를 사용하여 데이터를 표시하고 있습니다. 나는 CSS를 통해 모든 형식을 제어하고있다. gridview에서 나는 itemtemplate + edititemtemplate + footertemplate을 정의하고 템플릿 필드에서 바인드 열을 통해 정렬을 수행합니다. 내 문제는 머리글 dispalay 헤더 색상으로 CSS, 글꼴 크기를 통해 변경되지 않습니다 모든 일들이 괜찮지 만 전 색상이 수정됩니다 파란색입니다 어떤 시체가 도와 줄 수 있습니다 어떻게 내가 헤더의 forecolor을 변경할 수 있습니다 허용됩니다 정렬.헤더 텍스트 색상 변경 CSS를 사용하여 Gridview에서

내 코드는 다음과 같습니다. asp : TemplateField HeaderText = "Slsmn No." HeaderStyle-CssClass = "GridHeaderStyle"SortExpression = "Profile_Var"

문제는 "Slsmn No."입니다. 블루 색상과 라인 아래에 표시하지만 CSS에서 내가 색상 주었다

감사

+0

에 대한 문제를 해결합니다. CSS와 이미 템플릿 필드를 사용하고 싶다면. – bendewey

+0

CSS 코드도 표시 할 수 있습니까? –

답변

3

사용자가 할당 한 CSS 클래스 빨간색 (GridHeaderStyle)는 헤더 셀이 아닌 헤더 링크에 적용되고있다. 기본 링크 색상이 적용되는 것처럼 들립니다.

은 CSS 파일에 다음을 추가

.GridHeaderStyle a {color: red;} 

이것은 헤더의 링크 색상을 변경해야합니다.

희망이 도움이됩니다.

1

처음에는 Jeremy의 솔루션을 시도했지만 나에게 도움이되지 않았습니다. 이는 생성 가능한 .asp 코드가 헤더를 정렬 가능하게 만들 때 <style="color: #333333"> 태그를 강제로 생성하기 때문입니다. !

는 여기에 문제 해결하는 방법은 다음과 같습니다. ASP가에두고 있음을

.GridHeaderStyle a {color: white!important} 

중요한 규정이 스타일을 무시합니다을

0

당신이에 대해 아무것도라는 CSS 규칙을 정의하지 않았기 때문에이 문제가 발생 링크 색상.

는 스타일 시트에 다음을 추가 :이 게시물이 여전히 가장 좋은 대답이없는

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

. 같은 포럼에서 ismailperim이 응답 한 코드 아래에 있습니다. 당신은 내가 대신 ListView 컨트롤을 사용하는 옵션이있는 경우

.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; 
} 

그것은 확실히

관련 문제