Question

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

<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中依赖太多而且没有任何影响。

有人有这个问题吗？

感谢您的回答

Answer 1

以下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

nativeDroid专注于文本输入错误？

1 个答案: