Пользовательский 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; 
} 

Вкладка

Styling:

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

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

Стайлинг Группа:

QTabWidget::pane { 
    border: none; 
} 

Пример: