I am about to post a question to Stack Overflow, but the page displays a warning about my question, "Questions with similar titles have frequently been downvoted and/or closed. Consider using a title that more accurately describes your question." My question is:
How do I edit the border color of a <select> element in Google Chrome?
I'm not sure how to rephrase that so it more accurately describes my question. It seems to me like it describes my question fairly accurately and specifically.
If it matters, the full text of my question is:
In this Codepen is a
<select>
element. When it is clicked in Google Chrome, a blue border appears around it (screenshot). How do I edit this color? I can't seem to find an applicable CSS selector/rule using Inspect Element.The purpose of this question is two-fold:
To learn more about this behavior--specifically, is it even possible to edit this particular element? If so, how would I approach it?
The ultimate goal was to hopefully remove the border around the 'Location' drop-down menu on this page, on all browsers. But if is too difficult/complicated, I may just leave it as-is, and live with the slight variation across browsers.