单击时使按钮更改颜色

Question

我正在学习编程，而我现在正在学习的堆栈是C＃。我试图使单击图标时颜色变为灰色。有人可以告诉我如何吗？还是只能将其标记为按钮才能完成？我希望它在单击时呈灰色。

HTML：

<div class="icons">
     <span> <i onclick="myFunction()" class="fa fa-bar-chart fa-2x"></i><p></p></span>
      <span> <i onclick="myFunction()" class="fa fa-pie-chart fa-2x"></i><p></p></span>
    <span><i onclick="myFunction()" class="fa fa-line-chart fa-2x"></i><p></p></span>
</div>

JS：

<script>
    function myFunction() {
        alert("alert")
}

CSS。

.icons {
    text-align: right;
    color: orange
}