스타일 시트를 사용하여 QTabWidget을 사용자 정의하십시오.

Question

QTabWidget을 어떻게 스타일링 할 수 있습니까?

문제는 : 나는 스타일 시트를

QTabWidget:pane { 
border: 1px solid gray; 
} 

을 설정하면 다음은 다음과 같습니다

Answer 1

내 댓글을 재개시. 여기에 해결책이 있습니다.

확인. 제게 올바른 방향을 제시해 주셔서 감사합니다. 다음은 대략적인 스타일 시트입니다. 핵심 순간은 QTabWidget :: pane {top : -1px; }. 그것은 창을 움직여서 (그리고 위쪽 테두리) 방해하지 않도록합니다. QTabBar :: tab : selected {margin-bottom : -1px; } 또한 탭바 아래 및 창 상단 차이점을 숨 깁니다.

QTabWidget::pane { 
    border: 1px solid lightgray; 
    top:-1px; 
    background: rgb(245, 245, 245);; 
} 

QTabBar::tab { 
    background: rgb(230, 230, 230); 
    border: 1px solid lightgray; 
    padding: 15px; 
} 

QTabBar::tab:selected { 
    background: rgb(245, 245, 245); 
    margin-bottom: -1px; 
} 

Answer 2

tabwidget 스타일링 :

QTabWidget::tab-bar { 
    border: 1px solid gray; 
} 

을

스타일링 탭 :

QTabBar::tab { 
    background: gray; 
    color: white; 
    padding: 10px; 
} 

QTabBar::tab:selected { 
    background: lightgray; 
} 

스타일링 패널 :

QTabWidget::pane { 
    border: none; 
} 

예 :