Hyperlink colors in a class [Answered]RSS

• • Reply
  Baze72

  Member

  26 Points

  109 Posts

  Hyperlink colors in a class

  Oct 10, 2019 11:35 PM|Baze72|LINK

  How can I make the hyperlinks the same color as the class I am assigning?  They are always the default blue..

  Thanks!
  EB

   .New {
          color: darkblue;
         
      }
  
      .In-Process {
          color: forestgreen;
      }
  
      .High {
          color: red;
          font-weight: 600
      }

              <td style="width:400px" valign="top">
                  @Html.ActionLink(item.Request, "Details", "Help", new { id = item.ID }, new { @class = "@myClass" })
              </td>

• • Reply
  Yang Shen

  Contributor

  2910 Points

  928 Posts

  Re: Hyperlink colors in a class

  Oct 11, 2019 03:01 AM|Yang Shen|LINK

  Hi Baze72,

  Baze72

  @Html.ActionLink(item.Request, "Details", "Help", new { id = item.ID }, new { @class = "@myClass" })

  I don't think you have provide the correct class name to your @class property. And also the "@" character has special meaning in Razoe syntax, you should remove it or you will get an error message.

  Please refer to below demo which will change the hyperlink color to red:

  cshtml:

  @{
      ViewBag.Title = "Contact";
  }
  <h2>@ViewBag.Title.</h2>
  <h3>@ViewBag.Message</h3>
  <style>
      .myClass {
          color:red;
      }
      </style>
  <address>
      One Microsoft Way<br />
      Redmond, WA 98052-6399<br />
      <abbr title="Phone">P:</abbr>
      425.555.0100
  </address>
  
  <address>
      @*<strong>Support:</strong>   <a href="mailto:Support@example.com">Support@example.com</a><br />
          <strong>Marketing:</strong> <a href="mailto:Marketing@example.com">Marketing@example.com</a>*@
      @Html.ActionLink("abc", "Details", "Help", new { id = "123" }, new { @class = "myClass" })
  </address>

  In the @class="XXX", XXX should be the name of your css class and with no "@" character before it.

  Here's the result:

  

  Best Regard,

  Yang Shen