如何使用CSS Pseudo类与语义UI按钮？

Question

当我将鼠标悬停在它们上面时，我希望Semantic UI中的按钮能够改变颜色。我知道如何使用常规CSS，但我想将它与Semantic UI中的按钮特别合并。

Answer 1

假设你有像

这样的按钮的标记

<button class="ui button">Follow</button>

然后使用

.button:hover {
background-color: #efefef; /* color of your choice*/
color: #222;
}