The clear icon is a small "x" button added by IE to all input elements when they are focused. What this button does is to clear the content of the input element.

I can replicate the reported problem in the live sample by following the step-by-step in your initial post. However, I got different result when testing the same sample file locally.

The clear icon doesn't appear. I'm using WebGrid 10 (10.0.7200.24), WebInput 5 (5.0.7200.268), and WebUI.NET Framework 3.0 (3.0.5000.975).

Could you please try to test the sample locally (using the latest build of WebGrid 10, WebInput 5, and WebUI.NET Framework 3.0) and let me know the result? The new Custom Editor Types sample of WebGrid has handle the appearance of the x button. The "Order Date" column uses WebInput as its editor type.

Can you let me know if there is any way to hide the "x icon" in the webinput?

You can style the ::-ms-clear pseudo-element for the box. Example:

#ctl00_content_wiExtension::-ms-clear
{
    display: none;

}

Hope this helps.

I'm using WebGrid 10 (10.0.7200.24), WebInput 5 (5.0.7200.268), and WebUI.NET Framework 3.0 (3.0.5000.975).

It has been a long time that I've posted this query but I never got the answer which I needed, can you look into this thread once again and let me know if there is any feasible solution. The solution which was provided by you doesn't work in compatibility mode of IE, is there any work around for the issue?

Thanks,

Phanindra