html - 在小屏幕上使用时，输入表单下拉菜单会显示额外的空间

Question

有一个下拉列表列出了所有日历月。当我在大屏幕上看到下拉菜单时，它是正确对齐的，但是当我在移动屏幕上使用它时，它是错位的。我希望下拉菜单的右侧对齐。

在桌面屏幕上看到它完全正常。 enter image description here

Answer 1

使用下面的 dir="rtl" 属性进行选择

查看 js fiddle 上的现场演示

live demo

同时添加这个 css :

    select, option {
    text-align:right !important;   
}