CSS を使用して選択ボックス内のテキストを中央揃えにするにはどうすればよいですか?

CSS を使用して選択ボックス内のテキストを中央揃えにできますか?

選択ボックス内のテキストを中央揃えにしようとすると、問題が発生する可能性があります。一般的なアプローチには、提供されている HTML および CSS スニペットで示されているように、select 要素とそのオプションの両方の配置を変更することが含まれます。ただし、この手法は失敗することがよくあります。

幸いなことに、Chrome 専用の部分的な解決策が用意されています。次の CSS ルールを適用すると、ドロップダウン内のオプションは位置がずれたままになりますが、選択したオプションを中央に配置できます:

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

以上がCSS を使用して選択ボックス内のテキストを中央揃えにするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。