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.
[
attachment=12643]
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.
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.
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;
}
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;
}
wird mir zwar der Text der ausgewählten Option
angezeigt, der Hover wenn man mit der Maus drüber fährt bleibt aber blau.
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
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.
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
(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 gelernt
Was hat das MyBB damit zu tun? Das wird durch den Browser vorgegeben.