<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

​

​

<p>点击图标实现顶/踩:</p>

​

<i onclick="myFunction(this)" class="fa fa-thumbs-up"></i>

function myFunction(x) {

    x.classList.toggle("fa-thumbs-down");

}

.fa {

    font-size: 50px;

    cursor: pointer;

    user-select: none;

}

​

.fa:hover {

  color: darkblue;

}