How to remove arrow selector from drop down?

[round]

Any one having idea?
How to remove <select> tag's (Drop Down's) arrow selector means on which we click.....the very small dark gray square USING CSS?

Thanks
Kaushal

[Beverleyh]

This thread should answer your questions: http://www.dynamicdrive.com/forums/s...ht=notoriously

[round]

Thank you Beverleyh for your reply

Here is the link - xhtmljunkies.net/Magento/XJ-ROBERT/

Now the thing is I have made the Drop-Down looking proper in firefox,IE 7,8 & 9 but now the problem is Chrome. In Chrome, it is not displaying Drop-Down properly (Options and Qty).
Another thing is I made Box-Shadow proper in Chrome but is not looking proper in IE 7,8 & 9

Can any one please help?

Thanks
Kaushal

[Beverleyh]

Sorry, I dont see a dropdown selection box on that page in either IE or Chrome. Where is it?

[round]

Beverleyh sorry for late reply.
link is here xhtmljunkies.net/Magento/business-cards/a5-leaflets.html

Thanks
Kaushal

[Beverleyh]

There is no page at the link specified above (404 error)

[round]

Sorry Beverleyh,
Here is the link - http://xhtmljunkies.net/Magento/XJ-R...-leaflets.html

Thanks
Kaushal

[Beverleyh]

To make the arrow show in Chrome, add this;

.input-select-box select {
-webkit-appearance: none;
-moz-appearance: window;
}

After that it looks virtually the same in IE and Chrome so I'm not sure if there is a box-shadow to fix.