学习QSS,自定义组件
自定义QPushButton
/*设置正常状态下*/
QPushButton#login{
min-width:80px;
min-height:40px;
border:3px;
border-radius:10px;
background:qradialgradient(cx:0,cy:0,radius:0.5,fx:0,fy:0,stop:0 white,stop:1 pink);
}
/*设置鼠标滑进按钮*/
QPushButton:hover#login{
background:qradialgradient(cx:0,cy:0,radius:0.5,fx:0,fy:0,stop:0 white,stop:1 #FFC0BC);
border:0.5px solid black;
border-color:red;
padding:6px;
}
/*设置按钮按下*/
QPushButton:pressed#login{
background:qradialgradient(cx:0,cy:0,radius:0.5,fx:0,fy:0,stop:0 white,stop:1 #FFB4CE);
border:0px solid black;
}
注意事项:在设置border的时候一定要将参数设置完整。
border:0.5px solid black;
参数一:border的宽度(即粗细)
参数二:border的边框线的风格(默认none)
参数三:边框线的颜色
如果不设置完整,后续再单独设置某个值的时候会无效果,如border-color:red;