custom push button

[Raii]

Hi everyone I have 2 png files (active.png and notactive.png) and I want the other image change the when I click
stylesheet :

#button {
background-color: transparent;
border-image: url(:active.png);
background: none;
border: none;
background-repeat: none;
}
#button:pressed // What should i write
{
border-image: url(:noactive.png);
}

---

[Raii]

i have not changed my button to checkable and mark the post to solved

[KillerSmath]

@Raii
Okay, and what is the issue ?

[Raii]

(pressed)->picture changes instant I want to stay permanently when I click

[KillerSmath]

@Raii
Why not use #button:checked and setup your button as checkable ?

[Raii]

(checked) -> I tried but the picture does not change at the first picture still stands
0_1556989316532_Ekran Alıntısı.PNG

[Raii]

i'm doing something like toggle button

[Raii]

This post is deleted!

[KillerSmath]

@Raii
Everything is working with this style:

#button {
background-color: transparent;
border-image: url(:blue.png);
background: none;
border: none;
background-repeat: none;
}
#button:checked
{
border-image: url(:gray.png);
}

[Raii]

This post is deleted!

[Raii]

i have not changed my button to checkable and mark the post to solved