Jump to content

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


Recommended Posts

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


Link to comment
Share on other sites

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

Link to comment
Share on other sites

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/

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...