Dieses Problem schien ziemlich einfach zu sein ( overflow:hidden , richtig?), bis ich es nicht lösen konnte. Ich habe eine einfache mehrzeilige SELECT mit definierter Größe:
MSIE und Opera zeigen die vertikale Bildlaufleiste nur bei Bedarf an, aber Firefox und Chrome immer zeigen die vertikale Bildlaufleiste im deaktivierten Zustand an.
Ich habe versucht, Überlauf, Überlauf-y und sogar Überlauf-x, aber nichts funktioniert. Irgendwelche Ideen?
Das ist jetzt ein ziemlich alter Thread, aber ich stelle mir vor, dass es andere gibt, die auf der Suche nach einer Antwort auf die gleiche Frage darauf stoßen, genau wie ich. Für Webkit-Browser gibt es eine sehr einfache Lösung dank der Tatsache, dass sie (Chrome und Safari) ermöglichen, die Bildlaufleiste zu gestalten.
Hier ist ein anständiger Hinweis auf viele Dinge, die Sie mit webkit Bildlaufleisten tun können. Das CSS, das du hier brauchst, ist
%Vor%Der Trick besteht im Wesentlichen darin, zwei Dinge zu tun
Wenn Sie möchten, dass dies nur für eine Teilmenge ausgewählter Bildlaufleisten funktioniert, sollten Sie das CSS ändern, indem Sie die Bildlaufleiste für eine Dummy-Klasse ändern
%Vor%und verwenden Sie dann diese Klasse für die Auswahlen, die Sie ändern möchten. z.B.
%Vor%Hier ist eine Geige, die die "entfernte" Bildlaufleiste in Aktion zeigt
Sie können JavaScript verwenden
Nicht die beste Lösung, aber sollte funktionieren:)
Die Lösung von @mon bricht manchmal (z. B. in der Tabellenzelle), obwohl es eine großartige Lösung ist. Dieser ist jedoch ähnlich, aber besser:
Vertikale Bildlaufleiste ausblenden in <select> element, solution mit Rändern
Das Einzige, was mir einfällt, ist, die Bildlaufleiste zu überlappen, indem Sie ein Bild oder Solid DIV mit einem höheren Z-Index direkt über der Bildlaufleiste SELECT positionieren. Aber das wäre ein hässlicher Hack.
Tags und Links google-chrome scrollbar select firefox