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

标签 html css

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

enter image description here

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

最佳答案

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

查看 js fiddle 上的现场演示

live demo

同时添加这个 css :

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

关于html - 在小屏幕上使用时,输入表单下拉菜单会显示额外的空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41035675/

相关文章:

Javascript 使用 if 语句更改样式表

javascript - Overflow-y 滚动高度的问题

javascript - 使用 paged.js 控制分页和分栏

javascript - 扩展带有隐藏内容的 li 列表

php - html 引用与 php 混淆

css - 标签内的字体系列

html - href 的样式 anchor

HTML 版本选择

html - CSS3 过渡如何,用于单选按钮

javascript - CSS 如何设置宽度?