JQuery Mobile 下拉列表定位

标签 jquery css jquery-ui drop-down-menu jquery-mobile

我正在使用 jQuery Mobile,但在添加到下拉列表元素顶部的边距方面遇到了问题。

我正在尝试将下拉列表与文本输入对齐,但输入的顶部显示不正确。

这是一个示例:http://jsfiddle.net/f6Prp/

我想要的是与文本框一起刷新到顶部的下拉列表。无论我添加什么样式,我似乎都无法影响下拉列表的位置。

任何帮助将不胜感激。

谢谢,

克里斯。

最佳答案

ui-btn 类定义了上边距。您可以使用以下样式禁用它:

.ui-select .ui-btn {
    margin-top: 0px;
}

请注意,以上内容会影响所有选择框,这可能不是您想要的。在这种情况下,您可以使用限制性更强的选择器。

您可以找到更新的 fiddle here .

关于JQuery Mobile 下拉列表定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7527412/

相关文章:

javascript - 下拉列表的滚动条颜色变化

html - 选择的方向 rtl 水平滚动问题

jquery - 当 div 的高度发生变化时,如何让图像粘贴到 div 的底部?

php - Mysql 按用户排序的项目得到总体顺序

javascript - JQuery UI 自动完成 - 当用户单击文本框时打开菜单

php - 如何使用 php jquery ajax 上传文件和插入数据

jquery - 如何获取jquery ajax响应中的Id值?

javascript - 正则表达式替换部分文件名 jQuery

html - Div 页脚不会停留在底部

jquery - 为什么我的 jQuery UI 对话框完成打开效果后会失去焦点?