CSS-стиль <li>при наведении курсора, который не изменится при наведении

Question

У меня есть простой список ul. Ли содержат простые ссылки.

У меня есть фон и все это в li, и я хочу изменить границу li, когда href наведен на мышь ...

Это возможно?
<ul> <li><a href="#" class="admin_button">Button 1</a></li> </ul>

в любом случае, мне нужно изменить границу li при наведении курсора ... это кажется простым, но я не могу понять это.

Answer 1

Я бы сделал размер файла такой же, как у тега.

затем в вашем файле CSS:

ul li {
    border: 1px solid #000000;/*Black 1px border*/
}

ul li:hover {
    border: 2px dotted #ff0000; /*Red 2 pix dotted line border*/
}