<input type=“search”> no longer shows cancel button (x) under firefox

Issue

I found that <input type=“search”> only works in Chrome and IE, but not in Firefox. How can I make <input type=“search”> show the cancel button (x) in Firefox?

Solution

Webkit derived browsers put in an x to clear a value. Firefox does not. However firefox supports this feature, but it does nothing about it and you need to style it your self to show the X button in firefox.

Following link will help you to achieve the goal: HTML Textbox with a clear button in Pure CSS and without JavaScript

Answered By - Vahid Farahmandian