IE Input Clear Icon

Internet Explorer (IE) has added a convenience mechanism to HTML input boxes to clear the contents as shown here:


This may be a very nice value add feature in most cases, but when you are creating a widget library that already has a themed clear icon for input elements, this becomes a nuisance because you end up with two clear icons as seen here:



It's easy to remove the browser supplied clear icon by adding the following CSS pseudo element
Now, it looks the way you intended.