:checked button部件被选中
:disabled 部件被禁用
:enabled 部件被启用
:focus 部件获得焦点
:hover 鼠标位于部件上
:indeterminate checkbox或radiobutton被部分选中
:off 部件可以切换,且处于off状态
:on 部件可以切换,且处于on状态
:pressed 部件被鼠标按下
:unchecked button部件未被选中
一、普通动态效果,以QPushButton按钮举例
分成三个部分
1.原状态
2.鼠标悬在控件上 hover
3.鼠标按下 press
4.无2,3操作,则回到1状态
/*close_X,右上角关闭按钮*/
//原状态
//QPushButton#closeButton_2,//如果有多个按钮同设置
QPushButton#closeButton{
background-image : url(:/image/img/close.svg); //背景图
background-color: transparent; //背景透明
background-position:center; //居中
background-repeat: no-repeat; //不重复,只一个图片
border:none; //无边框
}
//鼠标悬浮在按钮上
QPushButton#closeButton:hover{
//如果要动态改变图片
//background-image : url(:/image/img/close_2.svg);
background-color:#E81123; //关闭按钮悬浮红色
border: none;
}
//鼠标按下
QPushButton#closeButton:pressed{
background-color:#F1707A; //关闭按钮按下红色
border: none;
}