can the border be removed from my drop down? pls help

[kittylong]

My list goes like this....

 

<select name='itemname3'class="newnew" id="itemname3"> <option value="Dress Colour">Dress Colour</option> <option value='Amethyst #6 (non returnable)'>Amethyst #6 (non returnable)</option> <option value='Apple #65 (non returnable)'>Apple #65 (non returnable)</option>

 

I've created a class - but nothing gets rid of the border on the drop down!

 

}#menu li{ float:left; list-style-type: none; display:inline; padding:0 .9em; border-right:1px solid #d2d2d2;;}#menu li.last{ border-right:none;}

 

is it even possible?

 

Many thanks

Kitty

[newseed]

You css property ( li ) do not match your html tag ( select ) and your id does not match as well.

Edited September 15, 2014 by newseed

[kittylong]

good lord! been messing around with this forever, and am getting to grips with css very slowly.... anyway! i changed the css (thank you) and it works.... but only in firefox and i.e. - not chrome.

 

also, can I change the arrow? in firefox its just a little arrow - but in i.e. its a grey arrow in in a grey box.

 

thank you

[newseed]

Don't know why it would not work for Chrome because I have no clue what your code is now. Best to provide a url of the page you are working on.

 

As for the arrows, those are set by the respective browsers. The only way to overcome that is use jquery. The one I prefer is the bootstrap-select method: http://silviomoreto.github.io/bootstrap-select/