Wie kann ich Optionen in ausgewählten Menüs verschiedener Browser ausblenden?

Optionen in ausgewählten Menüs mithilfe von CSS verbergen

Während Firefox das Verbergen von Elemente innerhalb von Menüs stellt Chrome eine Herausforderung dar. Obwohl sie mit display: none; formatiert wurden, werden sie bei der Menüaktivierung wieder angezeigt. Um dieses Problem zu beheben, führt HTML5 das versteckte Attribut ein:

<option hidden>Hidden option</option>

Dieses Attribut, das von Internet Explorer-Versionen unter 11 nicht unterstützt wird, bietet eine Alternative zu komplexeren Lösungen wie dem dynamischen Hinzufügen oder Entfernen von Elementen. Zum Beispiel:

<select>
  <option>Option1</option>
  <option>Option2</option>
  <option hidden>Hidden Option</option>
</select>

Durch die Verwendung des versteckten Attributs in Verbindung mit dem deaktivierten Attribut können Sie den gewünschten Versteckeffekt erzielen, ohne die semantische Integrität zu beeinträchtigen.

Das obige ist der detaillierte Inhalt vonWie kann ich Optionen in ausgewählten Menüs verschiedener Browser ausblenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle：php.cn

Vorheriger Artikel：Warum werden Inline-/Inline-Block-Elemente innerhalb eines Div nicht vertikal ausgerichtet? Nächster Artikel：Wie entferne ich die gepunktete Kontur in Firefox auf Schaltflächen und Links?

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

• React Neue API-Nutzung (Versprechen)
  2025-01-14 06:39:42
• Wie kann ich doppelte Einträge in einer Datenbank effizient löschen und gleichzeitig die Datenintegrität wahren?
  2025-01-14 06:38:44
• Wie kann ich effizient Zeilen aus Textdateien in C# löschen?
  2025-01-14 06:37:42
• Wie handhabe ich die Schlüsselgenerierung im Entity Framework manuell?
  2025-01-14 06:36:47
• Wie führt man in der WHERE-Klausel von SQL Server eine Groß-/Kleinschreibung berücksichtigende Suche durch?
  2025-01-14 06:35:45
• Palworld: Feybreak – So erhalten Sie alle Elementargranaten
  2025-01-14 06:33:47
• Wie entkomme ich schlüsselwortähnliche Spaltennamen in PostgreSQL?
  2025-01-14 06:30:43
• Wie erstelle ich programmgesteuert Anwendungsverknüpfungen in C#?
  2025-01-14 06:29:46
• Wie kann ich doppelte Einträge effizient aus einer großen Datenbank entfernen?
  2025-01-14 06:28:43
• So aktivieren Sie JavaScript auf dem iPhone
  2025-01-14 06:27:44

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

2463

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

2608

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

2196

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

2071

Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen

Aus 2024-04-16 10:10:18

0

0

2176

verwandte Themen

Mehr>

• Drei Möglichkeiten, einen Thread in Java zu beenden
• Was ist Javaweb?
• Die Rolle des Routers
• MySQL-Datenbank wiederherstellen
• HTML-Speicherplatz
• So entfernen Sie Wasserzeichen auf TikTok
• Welche Datei ist mydrivers
• Handy-Root

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)

  1427778
• 
  PHP-Einführungs-Tutorial eins: Lernen Sie PHP in einer Woche

  4278410
• 
  JAVA-Video-Tutorial für Anfänger

  2580053
• 
  Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python

  510525
• 
  PHP Zero-basiertes Einführungs-Tutorial

  867727

• 
  Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten)

  1427778 Lernzeiten
• 
  JAVA-Video-Tutorial für Anfänger

  2580053 Lernzeiten
• 
  Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python

  510525 Lernzeiten
• 
  Kurze Einführung in die Web-Frontend-Entwicklung

  216300 Lernzeiten
• 
  Meistern Sie PS-Video-Tutorials von Grund auf

  900478 Lernzeiten

• 
  [Web-Frontend] Node.js-Schnellstart

  8241 Lernzeiten
• 
  Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung

  6579 Lernzeiten
• 
  Gehen Sie zur praktischen Anwendung von GraphQL

  5428 Lernzeiten
• 
  Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf

  747 Lernzeiten
• 
  Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen

  27751 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