スタイルシートを使用して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; 
} 

例：私のコメントを再投稿