Breaking News: Grepper is joining You.com. Read the official announcement!

active link

Nervous Nightingale answered on October 31, 2020 Popularity 10/10 Helpfulness 1/10

answer active link

active link

Comment

#top-menu .current a
{
    color: orange !important;
}

Popularity 10/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: whatever

Link to this answer
Share Copy Link

Contributed on Jun 27 2021

Nervous Nightingale

0 Answers Avg Quality 2/10

Closely Related Answers

link active css

Comment

a:active {
  background-color: #34D399;
}

Popularity 10/10 Helpfulness 5/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on May 05 2021

Undefined

0 Answers Avg Quality 2/10

active-class router-link

Comment

//when a route is active we can use this to add a certain style to the element:
<router-link to="/[route-name]" active-link="active'> <router-link>

//when the route is active, active-link will add the class active to the element
//you can define then a certain style for elements that contain the class active

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Oct 31 2020

Grieving Gharial

0 Answers Avg Quality 2/10

Activelink.html

Comment

<nav id="main-menu" className="navbar navbar-expand-lg navbar-dark bg-dark">
    <div className="container-fluid mx-5">
      <a className="navbar-brand" href="#"><img src={logo} className="rounded img-thumbnail logo" alt="logo"/></a>
      {/* <a className="navbar-brand" href="#"><img src={logo} className="rounded img-thumbnail App-logo" alt="logo"/></a> */}
      {/* <a href="https://www.vecteezy.com/free-vector/ornament">Ornament Vectors by Vecteezy</a> */}
      <button className="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span className="navbar-toggler-icon"></span>
      </button>
      <div className="collapse navbar-collapse mt-auto" id="navbarSupportedContent">
        <ul className="navbar-nav ms-auto mb-2 mb-lg-0">
          <li className="nav-item">
            <a className="nav-link active" aria-current="page" href="#">Home</a>
          </li>
          <li className="nav-item">
            <a className="nav-link" href="#">Products</a>
          </li>
          <li className="nav-item">
            <a className="nav-link" href="#">About us</a>
          </li>
          <li className="nav-item">
            <a className="nav-link" href="#">Contact me</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>

Popularity 8/10 Helpfulness 3/10 Language html

Source: Grepper

Tags: html

Link to this answer
Share Copy Link

Contributed on Jan 26 2022

Crowded Capuchin

0 Answers Avg Quality 2/10

active link

Contents

More Related Answers

active link

Closely Related Answers

link active css

active-class router-link

Activelink.html

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.