I have this cshtml partial layout view in my system

```
<div class="row" style="background: #816BFA; margin-left: 0; margin-right: 0; margin-top: 30px; height: 7%">
    <h class="col-sm-4" style="text-align: center; font-size: 18px; color: black; height: 40px; top: 8px"><i class="glyphicon glyphicon-home"></i>@Html.ActionLink("Truck List","TruckList")// this</h>
    <a href="index.html" class="col-sm-4" style="text-align: center; font-size: 18px; color: black; height: 40px; top: 8px"><i class="glyphicon glyphicon-book"></i> Reports</a>
    <a href="index.html" class="col-sm-4" style="text-align: center; font-size: 18px; color: black; height: 40px; top: 8px"><i class="glyphicon glyphicon-user"></i> User Accounts</a>
</div>

```

The output is this 

[![enter image description here](https://i.stack.imgur.com/fFNfS.png)](https://i.stack.imgur.com/fFNfS.png)

You might not see the text `"Truck List"` Because in html.action link if you click, it always turns blue. Is there a solution to turn it black like the other text in the menu? And this link redirects to Action "Trucklist" Controller "Trucks"