Css 基金会5文本框不响应

文本框加载良好，看起来很棒，但您不能单击并选择文本。您可以单击文本框，光标移动到第一个位置，但不移动其他位置。出于某种原因，鼠标在控件中不起作用，但键盘却起作用

这些是基于数据库中的行数动态创建的文本框。此外，用户还可以单击spiffy+图像来添加其他行。我正在使用F5和一个可排序的插件

HTML:

分类
成分
部
购物清单


选择。。。

我包括一个截图：

---

我也遇到了类似的问题，结果是html格式不正确-我相信在我的例子中，我有一个

嵌套不正确。查看您的代码，您的下拉列表中似乎缺少一个结束div

选择。。。

     <div class="row">
        <div class="small-12 large-10 small-centered columns" id="Ingredients">
      <ul id="sortable-with-handles" class="sortable list">
        <li><div class='row'><div class='small-12 large-12 small-centered columns'><div class='row'>
  <div class='small-3 large-1 columns'>Sort</div>
  <div class='small-3 large-4 columns'>Ingredient</div>
  <div class='small-2 large-2 columns'>Dept</div>
  <div class='small-3 large-4 columns'>Shopping List</div>
  <div class='small-1 large-1 columns'><img src='./images/green_add.png' id='add_row' height='25' width='25' title='Add Another Row' /></div>
</div></div></div></li>
<li data-id=1><div class='row'><div class='small-12 large-12 small-centered columns' id='ingredients1'><div class='row'>
  <div class='small-3 large-1 columns'><img id='sort_1' class='handle' src='./images/sort-icon.png' /></div>
  <div class='small-3 large-4 columns'><input type='text' id='ingr_1' name='ingr_1' value='1 (12 ounce) jar Franks Red Hot Buffalo Sauce' /></div>
  <div class='small-2 large-2 columns'><select id='dept_1' name='dept_1' style='font-size:75%;' class='medium'>
<option value='0' style='font-size:8pt;'>Choose...</option>
  <div class='small-3 large-4 columns'><input type='text' id='shop_1' name='shop_1' value='1 (12 ounce) jar Franks Red Hot Buffalo Sauce' /></div>
  <div class='small-1 large-1 columns'><img src='./images/delete.png' id='delete_row_1' height='25' width='25' title='Remove Ingredient' /></div>
</div></div></div></li>
      </ul>
    </div>
     </div>