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
Custom VMs From 1 to 96 vCPUs With 99.95% Uptime Icon
Custom VMs From 1 to 96 vCPUs With 99.95% Uptime

General-purpose, compute-optimized, or GPU/TPU-accelerated. Built to your exact specs.

Live migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
Try 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