CSS-mit Anchor-text

hier ist das Problem. Ich habe einen Anker in der Seite. Aber dieser Anker nicht href Attribut:

<a onClick="javascript:submit(10);" onMouseOver="adjust(1)" onMouseOut="adjust(0)">Click Here</a>

Das funktioniert gut. Aber ich will es unterstreicht die ganze Zeit, und ich erreichte es durch:

a
{
    text-decoration:underline;
}

Nun möchte ich Click Here haben eine andere Farbe als die Standard (schwarzen). Und ich will, wenn die Maus über die Farbe ändert sich, und kehrt zurück zu dem, was ich gesetzt, wenn die Maus nicht mehr. Außerdem will ich den hintergrund ändern gleiche wie text-Farbe.

Wie kann ich das erreichen?

PS: ich habe schon googeln dieses für fast 2 Stunden und kann nichts finden!!

UPDATE:

Dies ist meine aktuelle CSS in Bezug auf den Anker

a, a:link, a:active, a:visited {
    color: #00f;
    cursor: pointer;
    text-decoration: underline;
}
a:hover {
    color: #f00;    /* Red */
    background-color: #000;    /* Black */
}
  • Fügen Sie immer einen href Attribut, wie <a href="#">...</a>. Ansonsten ist dein code nicht gültig sein, und aus meiner Erfahrung Chrome nicht sogar betrachten Sie es als ein Anker.
  • Hinzugefügt, href, zu einer der Anker, und es funktionierte. Aber das problem, dass ich nicht wollen, etwas auf die Statusleiste jetzt.
  • Sie redeten nicht über eine status-bar. Was meinst du ?
InformationsquelleAutor sikas | 2011-12-14
  1. 3

    color - Attribut kann verwendet werden, um die Farbe auf den text an. Versuchen Sie, diese -

    a
{
    text-decoration:underline;
    color: Red;
}

a:hover { color: Blue; }
    • a:hover funktioniert nicht!
    InformationsquelleAutor Mahesh
  2. 2

    Geben, die <a> einer anderen text-Farbe, verwenden Sie die color Attribut:

    a {
    color: #f00;    /* Red */
}

    Stil ändern, wenn der Mauszeiger über die <a> verwenden Sie die :hover: pseudo-Klasse, mit background-color um den hintergrund zu ändern:

    a:hover {
    color: #00f;    /* Blue */
    background-color: #000;    /* Black */
}

    Wenn die Maus wegbewegt wird, von dem element, das :hover pseudo-Klasse "entfernt" wird automatisch die säumigen <a> zurück zu seiner ursprünglichen Stil.

    • Benötigen Sie mehr beschreibend; sagen Sie mir wie funktioniert es nicht, und poste bitte alle CSS -, der auf die <a> element in Ihrer ursprünglichen Frage, indem man es bearbeitet.
    • CSS-Frage Hinzugefügt
    • Danke. Gibt es irgendeine andere CSS angewendet, um übergeordnete Elemente (daher angewendet, um die <a>), die möglicherweise überschreiben die CSS -, die Sie explizit festlegen für die <a>?
    • nope, ich habe ein popup, dass angezeigt wird, wenn ein bestimmtes element geklickt wird. Aber nicht auf das übergeordnete element.
    InformationsquelleAutor Bojangles
  3. 1
    a, a:link, a:active, a:visited {
    color: #00f;
    cursor: pointer;
}
a:hover {
    color: #0ff;
}
    • a:hover funktioniert nicht
    • Auf einigen Browsern, die :hover pseudoclass deklariert werden muss zwischen der :visited und :active pseudoclasses zu funktionieren, zwingt Sie zum auswählen der verschiedenen Staaten der a in dieser Reihenfolge: a:link, a:visited, a:hover, a:active. Sie könnten auch versuchen, das entfernen des a,(a + ,) von der ersten Erklärung.
    InformationsquelleAutor Aaron
Schreibe einen Kommentar