Dropdown-Pfeil von ausblenden Element in Firefox
Problem:
Ändern des Stils eines Der Dropdown-Pfeil des Elements funktioniert nahtlos in Chrome und Safari mit „-webkit-appearance: button;“. Allerdings behält Firefox den Standardpfeil bei, wenn diese Eigenschaft angewendet wird.
Lösung:
Um den Dropdown-Pfeil in Firefox auszublenden, verwenden Sie eine Kombination der folgenden CSS-Eigenschaften:
1
2
3
<code
class
=
"css"
>-moz-appearance: none;
text-indent: 0.01px;
text-overflow:
''
;</code>
Nach dem Login kopieren
Erklärung:
"-moz-appearance: none;" Entfernt das standardmäßige Firefox-Erscheinungsbild. „text-indent: 0.01px;“ schiebt den Pfeil leicht nach rechts, während „text-overflow: '';“ verbirgt den überlaufenden Teil, einschließlich des Pfeils.
Update (Dezember 2014):
Firefox 35 und höher unterstützen nativ „-moz-appearance: none;“ für Elemente, wodurch zusätzliche Hacks überflüssig werden.
Update (April 2014):
Während der erwähnte CSS-Hack zunächst funktionierte, trat in Firefox 31.0 erneut ein Fehler auf. a1 Nightly, betrifft alle Plattformen. Ab Firefox 35 wurde dieser Fehler jedoch behoben.Das obige ist der detaillierte Inhalt vonWie verstecke ich den Dropdown-Pfeil des Elements „Element' in Firefox?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Quelle:php.cn
Vorheriger Artikel:Warum verschwindet meine untere Polsterung in Firefox, wenn ich „overflow: scroll“ verwende?
Nächster Artikel:Benutzerdefinierte Webanimationen: Ein Buch zur Verbesserung der Benutzererfahrung mithilfe von CSS und JavaScript
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
function_exists() kann die benutzerdefinierte Funktion nicht ermitteln
Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...
Aus 2024-04-29 11:01:01
0
3
2239
So zeigen Sie die mobile Version von Google Chrome an
Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?
Aus 2024-04-23 00:22:19
0
11
2380
Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht.
Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.
Aus 2024-04-19 15:37:47
0
1
1989
Im übergeordneten Fenster erfolgt keine Ausgabe
document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...
Aus 2024-04-18 23:52:34
0
1
1877
Wo gibt es die Kursunterlagen zum CSS-Mindmapping?
Kursunterlagen
Aus 2024-04-16 10:10:18
0
0
1947
verwandte Themen
Mehr>
Audiokomprimierung
Inländische Plattform für digitale Währungen
Isolationsstufe für MySQL-Transaktionen
Welche sind die am häufigsten verwendeten Drittanbieter-Bibliotheken in PHP?
Die Rolle von Serverlet in Java
Komplementalgorithmus für negative Zahlen
So lösen Sie das Problem, dass JS-Code nach der Formatierung nicht ausgeführt werden kann
Was lohnt sich mehr zu lernen, C-Sprache oder Python?
Beliebte Empfehlungen
So stellen Sie CSS so ein, dass es die Anzeigeellipsen überschreitet
So legen Sie die Schriftgröße in CSS fest
So verwenden Sie Hover in CSS
So legen Sie den Zeichenabstand in CSS fest
Was sind die neuen Funktionen von CSS3?
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)
1423353
PHP-Einführungs-Tutorial eins: Lernen Sie PHP in einer Woche
4268868
JAVA-Video-Tutorial für Anfänger
2536854
Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python
507495
PHP Zero-basiertes Einführungs-Tutorial
862833
Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)
1423353 Lernzeiten
JAVA-Video-Tutorial für Anfänger
2536854 Lernzeiten
Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python
507495 Lernzeiten
Kurze Einführung in die Web-Frontend-Entwicklung
215876 Lernzeiten
Meistern Sie PS-Video-Tutorials von Grund auf
890475 Lernzeiten
[Web-Frontend] Node.js-Schnellstart
7475 Lernzeiten
Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung
5976 Lernzeiten
Gehen Sie zur praktischen Anwendung von GraphQL
4940 Lernzeiten
Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf
698 Lernzeiten
Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen
24752 Lernzeiten
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
[Formular-Schaltfläche] Kontaktcode für das jQuery-Enterprise-Nachrichtenformular
[Spezialeffekte für Spieler] Wiedergabeeffekte für HTML5-MP3-Spieluhren
[Menünavigation] HTML5 coole Partikelanimations-Navigationsmenü-Spezialeffekte
[Formular-Schaltfläche] Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare
[Spezialeffekte für Spieler] VUE.JS imitiert den Kugou-Musik-Player-Code
[HTML5-Spezialeffekte] Klassisches HTML5-Pushing-Box-Spiel
[Bildspezialeffekte] jQuery-Scrollen zum Hinzufügen oder Reduzieren von Bildeffekten
[Fotoalbumeffekte] Persönlicher CSS3-Albumcover-Hover-Zoom-Effekt
[Frontend-Vorlage] Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen
[Frontend-Vorlage] Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben
[Frontend-Vorlage] Web-Vorlage für kreativen Job-Lebenslauf für Designer
[Frontend-Vorlage] Website-Vorlage eines modernen Ingenieurbauunternehmens
[Frontend-Vorlage] Responsive HTML5-Vorlage für Bildungseinrichtungen
[Frontend-Vorlage] Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren
[Frontend-Vorlage] IT-Technologie löst Website-Vorlage für Internetunternehmen
[Frontend-Vorlage] Website-Vorlage für Devisenhandelsdienste im violetten Stil
[PNG material] 可爱的夏天元素矢量素材(EPS+PNG)
[PNG material] 四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)
[Banner image] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)
[PNG material] 金色的毕业帽矢量素材(EPS+PNG)
[PNG material] 黑白风格的山脉图标矢量素材(EPS+PNG)
[PNG material] 不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG)
[Banner image] 扁平风格的植树节banner矢量素材(AI+EPS)
[PNG material] 九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG)
[Frontend-Vorlage] Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen
[Frontend-Vorlage] Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben
[Frontend-Vorlage] Web-Vorlage für kreativen Job-Lebenslauf für Designer
[Frontend-Vorlage] Website-Vorlage eines modernen Ingenieurbauunternehmens
[Frontend-Vorlage] Responsive HTML5-Vorlage für Bildungseinrichtungen
[Frontend-Vorlage] Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren
[Frontend-Vorlage] IT-Technologie löst Website-Vorlage für Internetunternehmen
[Frontend-Vorlage] Website-Vorlage für Devisenhandelsdienste im violetten Stil
Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!
Über uns
Haftungsausschluss
Sitemap
© php.cn All rights reserved