Как изменить цвет текста Div на падении [дублировать] ⇐ Html

[Anonymous]

Я пытаюсь кодировать кнопку , которая меняет цвет, когда вы нажимаете на нее/нажимаете на нее. Однако я столкнулся с проблемой. Существует пространство между текстом и краями раздела Div , и если вы нависаете над кнопкой , он становится черным, но текст не становится белым. Я ставлю цвет: белый; . Я не уверен, почему это не решает проблему. div class = "Snippet">

Код: Выделить всё

p {
margin: 0px;
}

.button {

width: 66px;
height: 20px;
border: 2px black solid;
border-radius: 4px;
padding: 5px;

}

.button:hover {

background-color: black;
color: white;
}

a {

color: black;
text-decoration: none;
}

a:hover {

color: white;
}< /code>

 [url=https://www.google.com]  Click Me! [/url]

Подробнее здесь: https://stackoverflow.com/questions/448 ... v-on-hover