Css kolor dolny piksel na kliknięciu - css

Szukam koloru dolnego piksela (szerokość dolnej piksela, wzdłuż całej długości obrazu) mojego obrazu do jednego określonego koloru, gdy go kliknę. Nie chciałbym dodawać niczego w html. Czy można to osiągnąć tylko w css robiąc coś takiego:

.image:active{
width: 1.5px;
background-color: my_color;
length: 100%;
}

Odpowiedzi:

Tak, możesz użyć :active selektor stanu. Zasadniczo możesz dodać border na dole lub Stwórz pseudo-element dla dziecka tego obrazu (ponieważ nie wszystkie przeglądarki obsługują :before i :after na zdjęciach).

Rozwiązanie brzegowe:

.image:active {
border-bottom: 1px solid red;
}

Myślę, że chcesz dodać obramowanie u dołu obrazu na css jak:

.image:active {
border-bottom: 1.5px solid #123;
}