jquery - nativeDroid重点文字输入错误？

我在带有nativeDroid主题的JQM中使用此页面块

<div data-role="page" id="add" data-theme="b">

        <div data-role="header" data-position="fixed" data-theme="b" data-tap-toggle='false'>
            <h1>Add City</h1>
            <a href="#list"><i class="fa fa-reply"></i></a>
            <a id="cityAdd" href="#list"><i class="fa fa-floppy-o"></i></a>
        </div><!-- /header -->

        <div data-role="content">
            <ul data-role="listview">
                <li>
                    <div class="ui-body-inherit ui-corner-all ui-shadow-inset">
                        <input id="cityName" type="text" data-clear-btn="true" placeholder="Enter city..." />
                    </div>
                </li>
            </ul>
        </div><!-- /content -->

        <div class="footer" data-role="footer" data-position="fixed" data-theme="b" data-tap-toggle='false'>
            <h4>Page Footer</h4>
        </div><!-- /footer -->
    </div>

我的问题是重点文字输入。在这种情况下，页眉和页脚将更改其位置和大小。这会导致添加类.ui-fixed-hidden。我试过重写它，但是在CSS中有太多的依赖关系，并且没有任何作用。

有人有这个问题吗？

谢谢答案

最佳答案

以下CSS似乎有效：

.ui-header.ui-fixed-hidden {
    padding: 0;
    border-top-width: 1px;
    border-bottom-width: 2px;
}
.ui-fixed-hidden a{
    margin-top: 1px !important;
}

这是一个DEMO

关于jquery - nativeDroid重点文字输入错误？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26402242/