jquery - 在 html 中使用 css 放置悬停或单击输入类型

Question

我正在尝试实现 hover on 我已经成功地在外部 li 上实现了 hoever 但我如何才能在 <input> 上实现它而不是 <li>

ul.slides li:hover {
    border:2px solid #701344;
}



<div class="albums-div">
    <ul class="slides" style="width:148px; height:148px">

        <?php

              foreach($rings as $ring)
              {
                echo '<li> <input class="teringimage"  type="image" src="'. $ring['ringThumbNailImagePath'] .'" name="checked" value="' . $ring['id'].'" data-my-info="'. $ring['ringSetName'] .'" style="width:108px; height:108px;"></li>';
              }            
         ?>
    </ul>
</div>

Answer 1

使用这个:

ul.slides li input:hover {
    border:2px solid #701344;
}