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

css active after click

YOU.com answered on July 2, 2022 Popularity 6/10 Helpfulness 1/10

answer css active after click

related how to keep :active css style after click a button

css active after click

Comment

<!DOCTYPE html>
<html>
<head>
  <style>
    /* Style for the element when it is active (clicked) */
    .my-element:active {
      background-color: yellow;
    }
  </style>
</head>
<body>
  
  <div class="my-element">Click me!</div>
  
</body>
</html>

Popularity 6/10 Helpfulness 1/10 Language html

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

Closely Related Answers

how to keep :active css style after click a button

Comment

<!-- CSS Solution -->
<style>
  .active:active {
    color: red;
  }
  .focus:focus {
    color: red;
  }
  :target {
    color: red;
  }
</style>

<button class='active'>Active</button>
<button class='focus'>Focus</button>
<a href='#target1' id='target1' class='target'>Target 1</a>
<a href='#target2' id='target2' class='target'>Target 2</a>
<a href='#target3' id='target3' class='target'>Target 3</a>

<!-- JQuery Solution -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
  $('button').on('click', function(){
    $('button').removeClass('selected');
    $(this).addClass('selected');
  });
</script>

<style>
  button.selected{
    color:red;
  }
</style>

<button>Item</button><button>Item</button><button>Item</button>

Popularity 9/10 Helpfulness 4/10 Language html

Source: stackoverflow.com

Tags: button bu

Link to this answer
Share Copy Link

Contributed on Jul 02 2022

Kevin

0 Answers Avg Quality 2/10

css active after click

Contents

More Related Answers

css active after click

Closely Related Answers

how to keep :active css style after click a button

Grepper

Documentation

Social

Legal

Contact

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