如何使選擇框中的文字居中（Chrome 特定的解決方案）？

選擇框的文字對齊：部分僅限Chrome 的解決方案

出於美觀原因，您可能希望將文字在選擇框中居中或改善可近性。但是，手動向 CSS 中的 select 元素添加文字對齊屬性可能無法如預期般運作。

初始嘗試

小提琴中說明了一種常見方法提供：

<pre class="brush:php;toolbar:false"><option value="">(please select a state)</option>
<option></option>

select .lt { text-align: center ; }<br>

不幸的是，這種技術無效。

特定於Chrome 的解決方案

雖然是純CSS 解決方案對於完整的文字對齊可能無法在所有瀏覽器中實現，有一個部分解決方案Chrome ：

選擇{寬度：400px;文字對齊最後：居中； }

此方法將選定的選項置於下拉清單本身的中心，而不是未選定的選項。這距離完全對齊又更近了一步，但也是一個需要注意的限制。

以上是如何使選擇框中的文字居中（Chrome 特定的解決方案）？的詳細內容。更多資訊請關注PHP中文網其他相關文章！