jquery mobile提交垂直对齐问题

Posted 2023-05-09

【中文标题】jquery mobile提交垂直对齐问题

【英文标题】：jquery mobile submit vertical alignment issue

【发布时间】：2015-02-12 17:07:47

【问题描述】：

我已经上传了这个jsfiddle 来解释我的问题。所以，问题是图标，或者更好的是，带有图标的提交输入，没有正确地与文本输入垂直对齐......我尝试了很多东西，但这些都不起作用:(

有问题的按钮是这样的：

<input type="submit" class="ui-btn-right" data-role="button" data-icon="arrow-r" data-shadow="false" data-transition="slideup" data-iconpos="notext" data-inline="true">

我正在使用 JQuery v.1.6.4 和 JQuery Mobile v.1.0rc1

提前谢谢你！

【问题讨论】：

无论出于何种原因，我无法选择表单中的任何元素

您使用的是过时的 JQM 版本。升级到 1.4.5

【参考方案1】：

正如 cmets 中所说，您需要升级您的 jQuery mobile 版本。 如果你不能，试试这个快速修复：

.ui-btn-inline 
   vertical-align: middle;

这是一种肮脏的做法，因为 ui-btn-inline 元素是由 JQM 生成的，您不能向其中添加特定的类...

【讨论】：

谢谢！我正在阅读一个过时的指南，这就是我使用他们过时的链接的原因。现在我已经升级了，一切正常，新的默认主题也很漂亮:)