如何使选择框中的文本居中（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中文网其他相关文章！