随机下划线显示在href列表项上

Question

我这里有一些代码

http://jsfiddle.net/38ULH/

为什么每个元素之间都有下划线？我希望整个列表项都是可点击的，这就是为什么ahref在li的外面。

 <a href="itemDetail.php"><li class="ui-state-default" id="<?php echo $id;?>">
 <input type="button" class="removeItem" value="remove">
 <input type="text" name="itemName" id="itemName" value="hat">
 <select name="itemPicker">
 <option value=""></option>
 <?php
                            foreach ($sizes as $value)
                            {

                                    echo "<option value='" . $value . "'" . $sel . ">" . $value . "</option>";
                            }
 ?>
 </select>
 </li></a>

Answer 1

下划线是链接的标准下划线，利用css将其删除：

a {
    text-decoration: none;
}

或直接在标签

中

<a href="itemDetail.php" style="text-decoration: none;">

Answer 2

那些不是下划线。这是超链接下划线。

为什么要将链接应用到整个列表？这是无效的HTML，对用户体验不利。