海滨擎蟹

html 的 select 选择器通过 CSS 使展示内容居右显示

在移动端显示 select 选择器的时候,手机会浏览器会把选择内容展示在底部弹出框中。在页面上 select 默认显示的内容默认样式是靠左显示,如果其他项较长,显示内容会偏离右侧,不太好看。

下面使具体代码

select{
    direction: rtl;
}

direction 默认值为 ltr,靠左显示内容;direction 值为 rtl时,靠右显示。

当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »