Cross-browser select element CSS for consistent select element styling. The CSS for this is fine to use as-is, but if you're editing it at all, you might want to be aware of a few numbers and values that help it look right.

Features

  • Its CSS will style any select with a class of select-css
  • The select is set to display: block by default
  • The background of the select is created using two background images:
  • The linear gradient background is important to keep, because its presence actually prevents IE9 and older from recognizing the background property
  • The appearance rule and its and prefixed versions are important to unset some default browser select styling
  • The font-size: 16px; rule is important because iOS Safari will zoom-in the site layout if the select's text is less than 16px.

Project Samples

select-css Screenshot 1

Project Activity

See All Activity >

Categories

HTML/XHTML

License

MIT License

Follow select-css

select-css Web Site

Other Useful Business Software
AI-powered service management for IT and enterprise teams Icon
AI-powered service management for IT and enterprise teams

Enterprise-grade ITSM, for every business

Give your IT, operations, and business teams the ability to deliver exceptional services—without the complexity. Maximize operational efficiency with refreshingly simple, AI-powered Freshservice.
Try it Free
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of select-css!

Additional Project Details

Registered

2023-04-27
Report inappropriate content