input[type="search"]::-webkit-search-cancel-button { | |
--size: 11px; | |
--background: #7F7F7F; | |
--icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9ImZlYXRoZXIgZmVhdGhlci14Ij48cGF0aCBkPSJNMTggNkw2IDE4TTYgNmwxMiAxMiIvPjwvc3ZnPgo="); | |
-webkit-appearance: none; | |
height: var(--size); | |
width: var(--size); | |
border-radius: 50%; | |
background: var(--background) var(--icon) 50% 50% no-repeat; | |
} | |
input[type="search"]::-webkit-search-cancel-button:hover { | |
opacity: 0.9; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment