入力テキストはULタグ外にありますか？

Question

私はframework7を学んでおり、ULタグの外にinput type="text"を作成することが可能かどうか疑問に思います。下のコードでは、CSSはテキストフィールドに表示されません。コードコメントを見てください。

ここにはfiddleです。あなたはリスト外入力を入れた場合

<!-- THIS WILL WORK --> 
<div class="list-block"> 
    <ul> 
    <li> 
     <div class="item-content"> 
     <div class="item-inner"> 
      <div class="item-input"> 
       <input type="text" name="name"> 
      </div> 
     </div> 
     </div> 
    </li> 
    </ul> 
</div> 

<!-- NOW, WHAT IF WE WON'T SHOW TEXTFIELD IN INSIDE UL? --> 
<!-- THE CSS WON'T WORK ANYMORE, IDK WHAT IS THE CORRECT CSS CLASS EITHER TO WRAP THE ELEMENT --> 
<div class="content-block"> 
    <input type="text" /> 
</div> 

Answer 1

は、あなたが分離ラインを失うことになるが、それは必要なクラスの追加も可能です。ここで

<!-- THIS WILL WORK --> 
<div class="list-block"> 
    <ul> 
    <li> 
     <div class="item-content"> 
     <div class="item-inner"> 
      <div class="item-input"> 
       <input type="text" name="name"> 
      </div> 
     </div> 
     </div> 
    </li> 
    </ul> 
</div> 

<!-- NOW, WHAT IF WE WON'T SHOW TEXTFIELD IN INSIDE UL? --> 
<div class="content-block list-block"> 
    <div class="item-input"> 
     <input type="text" value="text here" /> 
    </div> 
</div> 

：コメントなしhttps://jsfiddle.net/k5gd7Lww/10/