mirror of
https://github.com/SillyTavern/SillyTavern.git
synced 2025-01-20 21:41:32 +01:00
Properly colorize webkit search cancel button
This commit is contained in:
parent
8a5f05fb74
commit
c4936ed535
@ -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;
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user