选择框的文本对齐:部分仅限 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中文网其他相关文章!