Removing rounded corners from a <select> element in Chrome/Webkit
The user-agent stylesheet for Chrome gives a border-radius of 5px to all the corners of a element. I\'ve tried getting rid of this by applying a
-
I used jordan314's solution, but then I added "border-light" class to select. If you have default border-light class defined in css, you can directly use it. It just defines the border as white). I changed the border to square/remove the radius, and maintained the arrow.
Here is what I did:
if you don't have the predefined border-light, just add in your css:
加载中...
- 热议问题