Elemen pseudo dalam pereka bentuk qt
P粉600402085
P粉600402085 2024-01-10 17:44:05
0
1
472

Saya ingin menggunakan elemen pseudo untuk membuat garis menegak untuk butang di sebelah kiri dan malapkannya pada tuding, tetapi Qt-designer styleSheet tidak memahami saya dan ia tidak dipaparkan dengan betul, berikut ialah kod saya:

QPushButton{
position: relative;
padding: 10px 20px;
border: none;
background-color: #fff;
color: #333;
cursor: pointer;
overflow: hidden;
}

QPushButton:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 5px;
height: 100%;
background-color: #C6C6C6;
opacity: 0.5;
transition: all 0.3s ease-in-out;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}

QPushButton:hover:before {
background-color: #7F7F7F;
opacity: 0.8;
}

Bagaimana rupanya? Masukkan penerangan imej di sini seperti yang saya mahu Masukkan penerangan imej di sini

Saya cuba menulis semula dengan cara yang berbeza tetapi saya tidak begitu mahir

P粉600402085
P粉600402085

membalas semua(1)
P粉676588738

Qt tidak menyokong CSS 3.0, tetapi menyokong CSS 2.0. Anda perlu mengubah suai CSS anda untuk mendapatkan apa yang anda mahukan. Kaedah khusus adalah seperti berikut:

QPushButton{
position: relative;
padding: 10px 20px;
border: none;
background-color: #fff;
color: #333;
cursor: pointer;
overflow: hidden;
}

QPushButton:hover {
width: 5px;
height: 100%;
border-left: 6px solid #7F7F7F;
opacity: 0.5;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;

opacity: 0.8;
}
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan