選擇框的文字對齊：部分僅限Chrome 的解決方案
出於美觀原因，您可能希望將文字在選擇框中居中或改善可近性。但是，手動向 CSS 中的 select 元素添加文字對齊屬性可能無法如預期般運作。
初始嘗試
小提琴中說明了一種常見方法提供：
<pre class="brush:php;toolbar:false"><option value="">(please select a state)</option> <option>
select .lt { text-align: center ; }<br>不幸的是，這種技術無效。
特定於Chrome 的解決方案
雖然是純CSS 解決方案對於完整的文字對齊可能無法在所有瀏覽器中實現，有一個部分解決方案Chrome ：
選擇{寬度：400px;文字對齊最後：居中； }
此方法將選定的選項置於下拉清單本身的中心，而不是未選定的選項。這距離完全對齊又更近了一步，但也是一個需要注意的限制。
以上是如何使選擇框中的文字居中（Chrome 特定的解決方案）？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
