Style-Sheets: a:hover direkt im a-Tag definieren

[kercon]

Hallo Leute,
eines vorweg, normalerweise definiere ich meine Stylesheets in einer externen CSS-Datei ... Diesmal ist aber alles anders :-( Ich passe eben einen Online-Katalog eines Drittanbieters an. Kein Zugriff an die CSS-Datei, Styles im Header sind nicht möglich, lediglich im (vorgegebenen) Editor oder eben direkt im HTML-Code des Artikels kann ich ein paar Styles anpassen. nun meine Frage:
Wie kann ich das Aussehen meines Links, speziell a:hover definieren?
<a style="..." href="#">Link</a>
Danke!

 

[basti1012]

Hast du es mal mit !important versucht ?
Damit lassen sich fast alle Css Angaben überschreiben.

Wenn es nicht geht mußt du dein Vorhaben mit JS versuchen.

<a href="#"
   onMouseOver="this.style.color='red'"
   onMouseOut="this.style.color='blue'" >Text</a>

 

[MrMurphy]

oder eben direkt im HTML-Code des Artikels

Alter Ebay-Trick, der zwar nicht dem HTML-Standard entspricht, den aber alle Browser korrekt umsetzen:

In den body-Teil des Quelltextes können auch style-Elemente eingefügt werden, die dann CSS-Anweisungen enthalten. So können auch externe CSS-Dateien eingebunden werden.

Ich habe mal ein Online-Beispiel erstellt:

https://www.w3schools.com/code/tryit.asp?filename=GOEBD1W8YFB1

 

[kercon]

Vielen Dank für Eure Ideen... Leider werden jegliche Styles, wie oben beschrieben, "gekillt". Wundere mich nur, dass ich eine Anordnung von Bildern frei definieren kann...
Bsp.:

<ul style="text-align: center; padding: 0; margin: 0; list-style: none; display: flex; -webkit-flex-flow: row wrap; justify-content: space-around;">
<li style="padding: 2px; width: 238px; height: 165px; margin-top: 10px; margin-bottom: 30px;">
<a href="#"><img style="border: solid 1px #000; width: 230px; height: 153px;" src="#">
<h3>Bild 1</h3></a>
</li>
<li style="padding: 2px; width: 238px; height: 165px; margin-top: 10px; margin-bottom: 30px;">
<a href="#"><img style="border: solid 1px #000; width: 230px; height: 153px;" src="#">
<h3>Bild 2</h3></a>
</li>
<li style="padding: 2px; width: 238px; height: 165px; margin-top: 10px; margin-bottom: 30px;">
<a href="#"><img style="border: solid 1px #000; width: 230px; height: 153px;" src="#">
<h3>Bild 3</h3></a>
</li>
</ul>

 

[MrMurphy]

Ohne Link zur Seite können wir nur raten.