- A+
效果
问题描述
最近发现个问题,想在QPushButton中只显示一个小icon(不带文字),其他地方透明,这个场景其实很多地方都会用到,以前写android、css的时候,这些问题很容易解决,但不知道怎么回事,在linux及国产操作系统中,使用Qt开发,这个简单的需求实现起来就很麻烦。
经过一番研究,我也终于找到了解决的办法,这里记录一下。
解决方案
QPushButton#btn
{
image:url(icon.png);
background-image:url(icon.png);
background-repeat:no-repeat;
background-position:center;
background-origin:border;
}
QPushButton#btn:hover
{
border-image:url(hoverbackground.png);
}
注意:image和background-image填的图片要一样,border-image为鼠标悬浮时的背景图