How Can I Center Text in a Select Box with CSS?

Can You Center Text in a Select Box Using CSS?

When attempting to center text in a select box, you may encounter difficulties. A common approach involves modifying the alignment of both the select element and its options, as demonstrated in the provided HTML and CSS snippet. However, this technique often proves unsuccessful.

Fortunately, a partial solution is available specifically for Chrome. By applying the following CSS rule, you can center the selected option, although the options within the dropdown will remain misaligned:

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

The above is the detailed content of How Can I Center Text in a Select Box with CSS?. For more information, please follow other related articles on the PHP Chinese website!