Home/ Questions/Q 6041593
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T06:41:02+00:00

I have the following code: <a href=main.html class=admin><div class=buttonlabel>Admin</div></a> and CSS a.admin { display:block;

  • 0

I have the following code:

<a href="main.html" class="admin"><div class="buttonlabel">Admin</div></a>

and CSS

a.admin  
{
display:block;
text-decoration:none;
float:left;
background: transparent url(./images/adminnormal.png?rand=628) no-repeat top center;
height:75px;
width:75px;
margin:5px;
outline: #00FF00 dotted thick;
}

The code above has this output:

enter image description here

I want this link to be outlined only when a user clicks it (onclick). Any ideas how to do that?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    HTML:

    <a href="main.html" class="admin"><div class="buttonlabel">Admin</div></a>

    CSS:

    a.admin  
{
display:block;
text-decoration:none;
float:left;
background: transparent url(./images/adminnormal.png?rand=628) no-repeat top center;
height:75px;
width:75px;
margin:5px;

}
a.admin.act{outline: #00FF00 dotted thick;}

    jQuery:

    $('.admin').click(function(){
$(this).addClass('act');
})
    • 0