Anpassen Link-Stil in Prospekt popup

Ich versuche, den Stil eines Links, der in einem Prospekt-Popup erscheinen wird, anzupassen.Anpassen Link-Stil in Prospekt popup

Aus irgendeinem Grund kann ich die Text-Dekoration des Links und der Schriftart stylen, aber wenn ich versuche, die Farbe des Textes zu ändern, passiert nichts. Ich habe so ziemlich alles versucht, was mir einfällt, einschließlich Inline-CSS, wo ich style='color:#000;' in das a-Tag eingefügt habe. Ich habe auch eine reset.css Datei in das HTML-Dokument aufgenommen und das hat auch nichts geändert.

Der Link wird aus einem separaten Javascript-Dokument gezogen und dann im Popup mit einer for-Funktion formatiert. Hier ist der Code:

CSS:

.leaflet-popup-content-wrapper .leaflet-popup-content { 
text-align: center; 
font-family: 'Quicksand', sans-serif; 
color: #000; 

} 

.leaflet-popup-content-wrapper a 
.leaflet-popup-content a { 
color: #000; 
} 

.leaflet-popup-tip-container { 
text-align: center; 
color: #000; 
} 

.direction { 
color: #000; 
    } 

a { 
color: inherit; 
    }

JS:

var variable = [{ 
"directions": "<a href='link' target='_blanck' class='direction'>Get Directions</a>", 
}]

Quelle

2017-09-13 Ailis

haben Sie versucht, wichtig? – ShadowFoOrm

Yeah in der Broschüre müssen Sie hinzufügen, wichtig zu einigen der CSS-Eigenschaften, damit es funktioniert. – Baptiste

@ShadowFoOrm Das hat funktioniert! Danke! Ich hatte gehört, dass du das nicht benutzen solltest, wenn du es vermeiden kannst, also dachte ich, ich würde sehen, ob es vermeidbar ist. Vielen Dank! – Ailis

Verwenden! Important;

Ich hatte gehört, dass Sie nicht verwenden sollten, wenn Sie es vermeiden können, also ich dachte, ich würde sehen, wenn es vermeidbar ist.

Es ist wahr, zu vermeiden, wichtig ist wirklich gut. Aber Sie müssen wissen, wie css override Regel funktioniert.

CSS < Inline-Stil < Javascript-Stile <! Wichtig; In Ihrem Fall haben Sie gesagt, dass Sie die Farbe mit Javascript bekommen.

Quelle

2017-09-14 16:22:22 ShadowFoOrm

Anpassen Link-Stil in Prospekt popup

Antwort

Verwandte Themen