windows 10 pro office 2019 pro office 365 pro windows 10 home windows 10 enterprise office 2019 home and business office 2016 pro windows 10 education visio 2019 microsoft project 2019 microsoft project 2016 visio professional 2016 windows server 2012 windows server 2016 windows server 2019 Betriebssysteme office software windows server https://softhier.com/ instagram takipçi instagram beğeni instagram görüntüleme instagram otomatik beğeni facebook beğeni facebook sayfa beğenisi facebook takipçi twitter takipçi twitter beğeni twitter retweet youtube izlenme youtube abone instagram

Css – How to have my button make a clicking effect when I click It

Asked By: Anonymous

Hello I am having trouble with css. When I am styling a button
here is the code

.green-button{
border: none;
background-color: rgba(78, 200, 129, 0.911);
border-radius: 3px; 
color: white;}


.green-button:hover{
background-color: rgb(228, 228, 228);
border-radius: 3px; 
color: rgba(83, 211, 104, 0.911);
opacity: 7;
transition: all 0.4s;}

The problem is when I am clicking the button It just stays the same.
the button does not go a darker green or a lighter green.

I have been looking around on other websites and I have not
found any details when I go on regular sites I mostly check on to get my information.
If you know anything I can try please let me know.


Solution

Answered By: Anonymous

Just use :active pseudoclass, represents an element (such as a button) that is being activated by the user. When using a mouse, "activation" typically starts when the user presses down the primary mouse button.
From Mdn

_x000D_

_x000D_

.green-button{
border: none;
background-color: rgba(78, 200, 129, 0.911);
border-radius: 3px; 
color: white;}


.green-button:hover{
background-color: rgb(228, 228, 228);
border-radius: 3px; 
color: rgba(83, 211, 104, 0.911);
opacity: 7;
transition: all 0.4s;}

.green-button:active{
background-color:red;
color:white}

_x000D_

<button class="green-button">Test</button>

_x000D_

_x000D_

x000D

techinplanet staff


Windows 10 Kaufen Windows 10 Pro Office 2019 Kaufen Office 365 Lizenz Windows 10 Home Lizenz Office 2019 Home Business Kaufen windows office 365 satın al follower kaufen instagram follower kaufen porno
524 Origin Time-out

524 Origin Time-out


cloudflare-nginx