将hover放置或使用hss中的css单击输入类型

Question

我正在尝试实现悬停，我已经成功实现了外部li，但我怎么能在<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;
}

Answer 2

这可以解决您的问题吗？或者即使失去焦点，它应该保持红色吗？在这种情况下，您将不得不使用javascript。

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