HTML Button-Tag-Stil Auf Hover

Ich bin mit dem HTML button-tag, aber der Stil, die unten erwähnt werden sollte, die nur für das top-Menü statt der Schaltfläche andere tags in die Seite. Ich habe versucht mit dem code, den button.menuButton:hover aber es funktioniert nicht

<button id="menuButton" type="button" name="menuButton" title="Logout">
<img src="images/commonicons/logout.png" alt="Logout" id="imgLogout" /><br /><b>Logout</b>
</button>

und die Anwendung der unten Stil, die zeigen, die untere Grenze als ridge mit Kalk Farbe und der rest der Seiten wird in gestrichelten Modus.

button:hover
{
    border: 1px dashed #CCCCCC;
    border-bottom: 2px ridge Lime;
}

Jede Hilfe wird sehr geschätzt.

Ändern-button:hover button#menuButton:hover, es wird funktionieren
Besser noch, nur #menuButton:hover—da hast du eine ID, es gibt keine Notwendigkeit zu geben, einen tag-Namen.

InformationsquelleAutor Yashman Gupta | 2012-04-09

  1. 2

    Wenn Sie möchten, dass der Stil angewendet werden, um nur bestimmte Tasten, Sie sollten in einer Klasse nur in diesen-button-tags. zum Beispiel:

    Dies ist die button-Klasse:

    .mybutton
{
    border: 1px dashed #CCCCCC;
    border-bottom: 2px ridge Lime;
}

    Sich und machte den Knopf:

    Diese Schaltfläche müssen Sie den Stil :

     <button id="menuButton" type="button" name="menuButton" class="mybutton" title="Logout">
  <img src="images/commonicons/logout.png" alt="Logout" id="imgLogout" /><br       /><b>Logout</b>
</button>


    Diese Schaltfläche wird nicht der Stil:

    <button id="menuButton" type="button" name="menuButton"title="Logout">
      <img src="images/commonicons/logout.png" alt="Logout" id="imgLogout" /><br       /><b>Logout</b>
    </button>
    Chef, warum beide id und Klasse ? einer von Ihnen ist genug.
    da der Fragesteller hat eingesetzt-id in seiner Frage, ich lasse es einfach da sein.
    boss thukiralaama(unten Stimmen)?
    vidu: vidu .. Letzte Warnung.
    Chef :ich akzeptiere Frage format ist wirklich schlecht. sehr schlechte Qualität, dieser code funktioniert nicht in nicht-webkit-Browsern unterstützt.

    InformationsquelleAutor Ashwin

  2. 0

    Wenn Sie verwenden möchten button.menuButton:hover dann Ihre Taste benötigen .menuButton-Klasse.

    <button [...] class="menuButton">

    In der CSS den Punkt (.) zeigt an, dass Sie ' re unter Bezugnahme auf einen Klassennamen für ein element.

    Gupta : Wenn Sie möchten, dass der Stil angewendet werden, um nur bestimmte Tasten, Sie sollten in einer Klasse nur in diesen-button-tags. zum Beispiel:
    Dank Ashwin & Jamie
    Sie sind willkommen 🙂

    InformationsquelleAutor Jamie Dixon

Schreibe einen Kommentar