+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: CSS class hover Theme auswahl (/thread-37034.html)
CSS class hover Theme auswahl - lenox - 19.02.2020
Moin zusammen,
ich suche mir jetzt schon stunden nen Wolf
und zwar suche ich die css class die für den blauen hover bei der Theme und der Sprachauswahl angezeigt wird.Wäre super wenn mir da jemand ein hinweis geben könnte den in der Konsole kann ich nix finden da man das dropdown Fenster nicht untersuchen kann.
RE: CSS class hover Theme auswahl - doylecc - 19.02.2020
Das wird sehr schwierig. Und wenn man eine Lösung findet, funktioniert die meist nur in einem Browser.
Siehe auch hier:
https://stackoverflow.com/questions/34574430/how-to-change-select-options-hover-background-color-using-only-css
https://stackoverflow.com/questions/10484053/change-select-list-option-background-colour-on-hover
RE: CSS class hover Theme auswahl - Schnapsnase - 19.02.2020
Versuche mal das und teste es in verschiedenen Browsern.
Einige von den neuen Browsern sollten das eigentlich können.
Code:
select option:hover, select option:checked {
color: #000;
box-shadow: inset 10em 10em #999;
}Problem ist, dass diese Elemente vom Betriebssystem einheitlich gestylt werden und somit im Browser nur mit "Tricks" gearbeitet werden kann, was aber nicht überall funktioniert.
RE: CSS class hover Theme auswahl - Schnapsnase - 19.02.2020
Eine weitere Möglichkeit wäre, ein Hintergrundbild zu definieren.
Das kann ich aber momentan auch nur im FF testen.
Code:
option:hover, option:focus, option:active, option:checked {
background: transparent url("https://example.com/images/rot.png") repeat;
color:#000000;
}RE: CSS class hover Theme auswahl - lenox - 19.02.2020
Ok danke für den hinweis, werde es dann wohl so lassen da von den genanten Methoden nix so richtig funktioniert.
Bei
Code:
select option:hover, select option:checked {
color: white;
box-shadow: inset 10em 10em #999;
}Bei
Code:
select option:hover, select option:checked {
color: white;
box-shadow: inset 10em 10em #999;
background: #2ac80d;
}wird mir zwar ein Hintergrund der ausgewählten Option angezeigt, der Hover wenn man mit der Maus drüber fährt bleibt aber auch blau.
Trotzdem danke an euch beiden
RE: CSS class hover Theme auswahl - Schnapsnase - 19.02.2020
Hi Lenox,
beide meiner o.g. Methoden (box-shadow und Hintergrundbild) funktionierten bei mir unter Win7+FF
Mehr konnte ich vorhin leider nicht testen.
Unter Win10+FF funktioniert nichts von beidem - habe ich gerade getestet.
Das Problem stellt sich folgend:
Einige Elemente/Tags werden bereits auf Betriebssystem-Ebene gerändert und dem Browser mitgeteilt.
CSS hat Hirachien/Prioritäten. Höchste Priorität hat das OS in Verbindung mit dem jeweiligen Browser. Danach kommt gleich "Inline-Style". Eine Anweisung, die das OS an den Browser gibt kannst Du also nichtmal mit "!important" überschreiben.
Man kann hier nur versuchen, diese Anweisungen mit artfremden Anweisungen zu "übertünchen".
Siehe oben "Schlagschatten" oder "Hintergrundbild".
Das funktioniert leider je nach OS und Browser mal gut und mal gar nicht.
RE: CSS class hover Theme auswahl - lenox - 19.02.2020
Nur für den theme und Sprachen hover ist mir das zu viel Arbeit und wenn es dann auch noch immer OS/Browser abhängig ist auch vergebene Mühe
.Dachte das läßt sich leicht mittels css bewältigen, aber wenn es nicht von mybb vorgegeben wird ist das halt so wieder was dazu gelernt
RE: CSS class hover Theme auswahl - StefanT - 19.02.2020
(19.02.2020, 19:12)lenox schrieb: Dachte das läßt sich leicht mittels css bewältigen, aber wenn es nicht von mybb vorgegeben wird ist das halt so wieder was dazu gelerntWas hat das MyBB damit zu tun? Das wird durch den Browser vorgegeben.