Change button:active in css

Question

how i can change button to have border-radius: 6px; and to by active marked when i will select it. Here is my HTML code and i also have CSS. When i make

Answer 1

Add this to your css

.button:active{
    border-radius: 6px;
}

In your html just add the below code. NOTE- :active :hover should be in your css, not in your class attribute. Hence remove :active from your class attribute as below

        Period selection   
    
        Day

     
        Week

     
        Month