Remove the Search Input Clear(x) Icon
I really appreciate the amount of different
<input> elements we've received over the past decade. These elements don't just bring a new semantic advantage, but also provide UI helpers, which in many cases are useful. In a recent case, I found a UI element not useful: the
x (clear) icon in
<input type="search" /> elements.
In most cases that input is nice, but if you're looking to really customize your search experience, you may want to get it out of the way:
With the snippet above, the cancelation icon disappears, as does the special highlight decoration!
Before we get started, it's worth me spending a brief moment introducing myself to you. My name is Mark (or @integralist if Twitter happens to be your communication tool of choice) and I currently work for BBC News in London England as a principal engineer/tech...
The PHP - Content & Header
The following snippet goes at the...
I received an email from Ben Delaney a few weeks back about an interesting MooTools script he had written. His script was called FauxSelect and took a list of elements (UL / LI) and transformed it into a beautiful Mac-like SELECT element.