Как сделать цвет для отмеченного QRadioButton, но выглядит стандартным?

Question

Я знаю, что многие люди задавали этот вопрос. Я также здесь обыскал его. Одним из самых простых решений с таблицей стилями:

QRadioButton { 
background-color: rgb(252,254,252); 
color: black; 
} 

QRadioButton::indicator { 
width: 11px; 
height: 11px; 
border-radius: 5px; 
} 

QRadioButton::indicator::unchecked{ 
border: 1px solid; 
border-color: rgb(132,132,132); 
border-radius: 5px; 
background-color: white; 
width: 11px; 
height: 11px; 
} 

QRadioButton::indicator::checked{ 
border: 3px solid; 
border-color: white; 
border-radius: 6px; 
background-color: rgb(0,116,188); 
width: 7px; 
height: 7px; 
} 

Но если я делаю это так, то результат выглядит следующим образом (кнопка имеет только белые круглые границы и синие круглый внутри). Однако можем ли мы сделать черную границу вне их, как стандартная проверенная радиокнопка ? (чёрный-окантовка-> белый-борд-> синий круглый). Можем ли мы сделать это в Qt?

Answer 1

Забудьте о попытке установить флажки или переключатели таким образом в Qt - это кошмар, и вы никогда не получите желаемых результатов. Лучший способ сделать это в Qt, чтобы сделать отдельные файлы изображений для каждого состояния кнопки, как в Style Sheet Examples:

QRadioButton::indicator 
{ 
    width: 13px; 
    height: 13px; 
} 

QRadioButton::indicator::unchecked 
{ 
    image: url(:/images/radiobutton_unchecked.png); 
} 

QRadioButton::indicator:unchecked:hover 
{ 
    image: url(:/images/radiobutton_unchecked_hover.png); 
} 

QRadioButton::indicator:unchecked:pressed 
{ 
    image: url(:/images/radiobutton_unchecked_pressed.png); 
} 

QRadioButton::indicator::checked 
{ 
    image: url(:/images/radiobutton_checked.png); 
} 

QRadioButton::indicator:checked:hover 
{ 
    image: url(:/images/radiobutton_checked_hover.png); 
} 

QRadioButton::indicator:checked:pressed 
{ 
    image: url(:/images/radiobutton_checked_pressed.png); 
}