• 06-05-2023, 02:13:29
    #1
    Merhaba,
    Şöyle bir HTML kodumuz var:
    <div class="butons">
      <button class="buton">
        <a href="https://exklusiv-wohnbau.de/immobilien">
            Eigentumswohnungen
        </a>
      </button>
    </div>
    Bu da CSS kodu
    <style>
        .butons {
            text-align: center;
        }
      .buton > a {
        color: #0e233f;
      }
      .butons:hover {
        
      }
      .buton {
        font-family: 'Poppins', sans-serif;
        font-weight: 400;
        font-size: 20px;
            border: 2px solid #0e233f;
        background-color: white;
        padding: 15px;
      }
      .buton:hover {
        background-color: #0e233f;
      }
      .buton > a:hover {
        color: white;
      }
    </style>
    Sorum şu: ben fare ile div in üstüne geldiğimde arka plan rengi koyu renk oluyor ama yazı rengi değişmiyor. Yazı renginin değişmesi için yazının üstüne gelmek gerekiyor.
    Kısaca: div in üstüne geldiğimde yazı renginin değişmesini istiyorum. Yukarı da ki kodlarda neleri değiştirmeliyim?
  • 06-05-2023, 02:16:21
    #2
    .buton:hover > a {
        color: white;
      }
    Böyle denediniz mi?
  • 06-05-2023, 02:23:33
    #3
    Liquist adlı üyeden alıntı: mesajı görüntüle
    .buton:hover > a {
        color: white;
      }
    Böyle denediniz mi?
    Denedim olmadı maalesef
    https://codepen.io/bayek1/pen/NWOXEGb
  • 06-05-2023, 02:24:58
    #4
    .butons:hover{ color:red;} olmazsa .butons:hover{ color:red !important;}
  • 06-05-2023, 02:25:11
    #5
    Misafir adlı üyeden alıntı: mesajı görüntüle
    Denedim olmadı maalesef
    https://codepen.io/bayek1/pen/NWOXEGb
    text-color değil color yapacaksın örnekteki kısmı
  • 06-05-2023, 02:25:38
    #6
    text-color: #fff; değil color: #fff
  • 06-05-2023, 02:26:21
    #7
    thealiyasar adlı üyeden alıntı: mesajı görüntüle
    text-color değil color yapacaksın örnekteki kısmı
    TaRRuZ adlı üyeden alıntı: mesajı görüntüle
    .butons:hover{ color:red;} olmazsa .butons:hover{ color:red !important;}
    Liquist adlı üyeden alıntı: mesajı görüntüle
    text-color: #fff; değil color: #fff
    Teşekkürler color yapınca oldu
    • TaRRuZ
    TaRRuZ bunu beğendi.
    1 kişi bunu beğendi.