PDA

View Full Version : Cross icon of search field is not displayed in iphone



Shijutv
4 Jan 2011, 7:32 PM
Hi All,
I add a search field in my project , the cross icon at right of search field is not displayed when i run in iphone but it is displayed when i run in google chrome. Is it due to any CSS problem?



Any help would be appreciated

Shiju

Shijutv
5 Jan 2011, 8:39 PM
Hi All,

How can i do this ?


Shiju

wdonne
21 Mar 2011, 2:26 AM
Hi,

I'm using version 1.0.1a and I see the same behaviour.

Best regards,

Werner.

Pud9y
11 Aug 2011, 5:44 PM
I found a temporary fix for this.
You can use CSS to overwrite it and just put your own X image in there.



input.x-input-search::-webkit-search-cancel-button {
-webkit-appearance: none;
height: 20px;
width: 20px;
background-image: url(../img/ico-cross.png);
}



EDIT: actually I just tested this in the iOS simulator, the graphic appears, but doesn't work when you click on it :S

Brightwin
3 Feb 2012, 2:17 AM
Any update on this issue ? I am still facing problem in giving action for the cross button.