qt qss设置动态效果

: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;
}

 

 


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部