ASP.NET의 기본 CSS 재정의 AJAX Control Toolkit의 TabContainer 컨트롤

Question

웹 응용 프로그램에서 ASP.NET AJAX TabContainer 컨트롤을 사용하고 있습니다. 차라리 텍스트를 사용하는 것보다 각 탭에 대한 헤더에 이미지를 배치 한 -하지만 이미지가 잘립니다 B있는 TabContainer의 기본 CSS는 헤더 만 13px 높은한다고 C/:

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab 
{ 
    height:13px; 
    padding:4px; 
    margin:0px; 
    background:url("tab.gif") repeat-x; 
    } 

내가 CSS 파일을 내가 사용하고 있는데있는 TabContainer의 기본 CSS에 포함 된 것을 오버라이드 (override)하는 다음 줄을 추가 한 :

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab 
{ 
    height:83px; 
    padding:4px; 
    margin:0px; 
    background:url("tab.gif") repeat-x; 
    } 

을하지만 여전히, 왜 기본 13px를 사용? 기본 클래스의 기타 속성을 변경하지 않으면, 그런데 당신을

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab 
{ 
    height:83px !important; 
} 

: Default CSS File

Answer 1

이 없어, 난 내가 무슨 짓을했는지 전혀 모르겠어요 비록 그것이 ...,

내가 작업 있어요 생각해 보았다 :

1. 발생시키지 않은 속성을 통해 설정하는 경우에도 CssClass를 ajaxToolkit : TabContainer에 수동으로 추가하십시오.

2. 클래스 ajax__tab_xp를 재정의하려고 시도했지만 작동하지 않아 ajax__custom이라는 새로운 클래스가 만들어졌습니다. 이 다른 사람 도움

   .ajax__custom .ajax__tab_header .ajax__tab_tab 
   { 
       height: 100px; 
   } 
   

희망 : 그래서 결국 내 CSS처럼 보였다.

Answer 2

사용하려고이 같은 중요한!

현재 기본 CSS 파일을 볼 수 있습니다 장난을 많이 후 ...를 다시 입력

Answer 3

데이브,

나는 똑같이했다. 복사 된 탭 CSS 및 수정 된 내 마음에 콘텐츠. 그 (것)들은 탭을 무력하게하는 것을 시도했다. 이것은 기본 CSS를 사용하여 잘 작동했습니다. 나는 내 버전에서 뭔가가 빠져 있어야한다고 생각했다. 그러나 생성 된 소스를 확인하면 TAB이 페이지에서 몇 가지 js를 생성/비활성화 할 수있는 것처럼 보입니다.이 프로젝트에서 JQuery를 사용하도록 허용했다면 처음부터 JQuery를 사용했을 것입니다.

자바 스크립트 도시로 가고 싶지 않다면 기본 CSS를 무시하는 것이 중요합니다. 내가 부트 스트랩 및 업그레이드 일부 웹 양식을 수정하는 데

Answer 4

가 갑자기 일부 페이지가

그래서 내가 생성을 참조하십시오 클래스는 위의 응답에 따라 따라서

class="ajax__tab_xp" 

입니다 것으로 나타났습니다, 나는 발견 그 중 25px 만 있으면됩니다.

.ajax__tab_xp .ajax__tab_header .ajax__tab_tab 
    { 
     height:25px !important; 
    } 

잘하면 다른 사람들에게도 도움이 될 것입니다.