Is it possible to center text in select box?

by

There is a partial solution for Chrome:

select { width: 400px; text-align-last:center; }

It does center the selected option, but not the options inside the dropdown.

More Related Contents:

  1. What is the difference between visibility:hidden and display:none?
  2. What does the “+” (plus sign) CSS selector mean?
  3. How does flex-wrap work with align-self, align-items and align-content?
  4. What is the difference between Normalize.css and Reset CSS?
  5. How to make button look like a link?
  6. Making an iframe responsive
  7. Child with max-height: 100% overflows parent
  8. Center a position:fixed element
  9. Is there a way to interpolate CSS variables with url()?
  10. What does @media screen and (max-width: 1024px) mean in CSS?
  11. Swap DIV position with CSS only
  12. Opacity of div’s background without affecting contained element in IE 8?
  13. Webkit CSS to control the box around the color in an input[type=color]?
  14. z-index does not work in Internet Explorer with pdf in iframe
  15. In which direction do selector engines read, exactly?
  16. HTML not loading CSS file
  17. Add ellipses to overflowing text in SVG?
  18. Less lists as a mixin argument(s)
  19. What is the difference between `margin` and `padding` in CSS?
  20. Can I apply a CSS transition to the overflow property?
  21. How to show the first N elements of a block and hide the others in css?
  22. Width equal to content [duplicate]
  23. How to change the scrollbar color using css [duplicate]
  24. Align form elements in CSS
  25. In a bootstrap responsive page how to center a div
  26. Vertically align Bootstrap badge inside heading
  27. CSS Floating Divs with different height are aligned with space between them
  28. Horizontal scroll in DIV with many small DIV’s inside (no text)
  29. Media Queries – Mobile vs Desktop Browser
  30. Dynamically updating css in Angular 2

Leave a Comment