2014-10-16 55 views
1

我使用JQM此页块与nativeDroid主题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是太多的依赖关系,它没有任何效果。

有没有人有这个问题?

感谢答案

+0

你的意思是,当你专注文字输入它增加了UI的固定隐藏的类到页眉和页脚? – Ashish 2014-10-16 12:03:25

回答

3

下面的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

+0

谢谢!我已经添加了相同的修复脚注,这是OK :) – Jayme 2014-10-30 10:57:14