Add cancel button to search bar

This commit is contained in:
Omar Roth 2019-03-26 17:45:39 -05:00
parent d70933c9f2
commit 6fd24ad54f

View File

@ -162,6 +162,15 @@ img.thumbnail {
-webkit-appearance: none; -webkit-appearance: none;
} }
/* https://stackoverflow.com/a/55170420 */
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
height: 14px;
width: 14px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC);
background-size: 14px;
}
.navbar > .searchbar .pure-form fieldset { .navbar > .searchbar .pure-form fieldset {
padding: 0; padding: 0;
} }