• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

funkcja active i nie działa wie ktoś dlaczego ?

Object Storage Arubacloud
0 głosów
179 wizyt
pytanie zadane 19 marca 2023 w HTML i CSS przez Igor4567 Nowicjusz (170 p.)

 


<style>
    .subscribe {
        background-color:red;
        color : rgb(255, 255, 255) ;
        border: none;
        height : 40px;
        width : 120px;
        border-radius : 10px;
        cursor : pointer;
        font-size: medium;
        font-style: italic;
        margin-right : 10px;

    }

    .join-button:active {
        opacity: 0.5;
        background-color: brown;
    }
    
    .join {
        background-color:orange;
        color : blue ;
        border: none;
        font-size: medium;
        font-style: italic;
        height : 40px;
        width : 100px;
        border-radius : 5px;
        cursor : pointer;
        margin-right : 10px;
    }
    .tweet {
        background-color:blue;
        color : rgb(255, 255, 255) ;
        border: none;
        height : 40px;
        width : 110px;
        border-radius : 25px;
        cursor : pointer;
        font-size: 15px;
        font-weight: bold;
    }
</style>

<button class="subscribe">SUBSCRIBE </button>

<button class="join">JOIN</button>

<button class="tweet">TWEET</butotn>

 

komentarz 19 marca 2023 przez ScriptyChris Mędrzec (190,190 p.)
Pokaż jeszcze kod HTML.
komentarz 19 marca 2023 przez Igor4567 Nowicjusz (170 p.)
całość wygląda tak

1 odpowiedź

+2 głosów
odpowiedź 19 marca 2023 przez Comandeer Guru (603,480 p.)

Bo button ma klasę .join a w CSS-ie masz klasę .join-button dla pseudoklasy :active.

BTW warto trzymać określoną kolejność tych pseudoklas w CSS-ie, żeby se przypadkiem nie nadpisać – są nawet mnemoniki pod to (akurat pod linki, ale F*k HAte pasuje też do każdego innego klikalnego dyngsa).

komentarz 19 marca 2023 przez Igor4567 Nowicjusz (170 p.)
wielkie dzięki : >

Podobne pytania

0 głosów
1 odpowiedź 242 wizyt
+1 głos
2 odpowiedzi 625 wizyt
pytanie zadane 11 lipca 2021 w HTML i CSS przez Kytrap Początkujący (390 p.)

92,755 zapytań

141,677 odpowiedzi

320,423 komentarzy

62,101 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...