How To Get Rid Of The Blue Border That Surrounds The Entire Options List

I want to do is if i click the select box and the dropdown list show the blue border-color of the dropdown list will be remove. testing link: http://jsfiddle.net/5kcsn/320/ script:

Solution 1:

Unfortunately, it looks like there is not a way to remove it. Please see this answer: Select menu option border none

Solution 2:

Some styles are built in the browser you can't edit them with css what else you can do is implement javascript to make your own elements like them also there are various javascript plugins that can help you! Try this search for jQuery Plugins

Solution 3:

You can try using customized drop downs. In this case the drop down is replaced by or

and the select is hidden beneath it. Then they can be customized as per our liking.

Reference URL: http://tympanus.net/Tutorials/CustomDropDownListStyling/