Properly colorize webkit search cancel button

This commit is contained in:
Cohee 2024-05-15 23:06:10 +03:00
parent 8a5f05fb74
commit c4936ed535

View File

@ -2374,16 +2374,16 @@ input[type=search]::-webkit-search-cancel-button {
height: 1em;
width: 1em;
border-radius: 50em;
background: url('/img/times-circle.svg') no-repeat 50% 50%;
background-color: var(--SmartThemeBodyColor);
mask: url('/img/times-circle.svg') no-repeat 50% 50%;
background-size: contain;
backdrop-filter: invert(1) contrast(9);
opacity: 0;
pointer-events: none;
cursor: pointer;
}
input[type=search]:focus::-webkit-search-cancel-button {
opacity: .3;
opacity: .5;
pointer-events: all;
}