Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Wie finde ich die CSS Klasse?

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    14
    1
    251

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    584

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    1.8k

Wie finde ich die CSS Klasse?

Geplant Angeheftet Gesperrt Verschoben Visualisierung
3 Beiträge 2 Kommentatoren 327 Aufrufe 2 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • L Offline
    L Offline
    la_saxe
    schrieb am zuletzt editiert von la_saxe
    #1

    Guten Abend zusammen,

    ich möchte im VIS-2 per CSS die Navigationsbuttons anpassen. Es handelt sich um den Button "Gestylt Navigationssymbol"
    3c41d92c-62cb-4204-94d1-fbff34a94f8d-image.png

    Die reguläre Anpassung funktioniert auch schon unter Verwendung einer eigenen Klasse nav, die den Buttons zuweise:

    .nav button {
        background-color: #191919 !important;
        color: white !important ;
        border-radius: 0px;
    }
    .nav button:hover {
        background-color: #333333 !important;
        color: white !important ;
    }
    
    .nav button:focus {
        background-color: red !important;
        color: white !important ;
    }
    

    Aber wie finde ich nun für den Button der aktive Seite die CSS-Klasse, die ich anpassen muss, damit ich den Button-Hintergrund entsprechend anpassen kann?

    Im Quelltext finde ich dazu leider nichts und meine Suche war auch nicht wirklich erfolgreich.

    Kann mir da jemand einen Hinweis geben?

    Ich danke euch vielmals :-)

    LG
    sax

    CodierknechtC 1 Antwort Letzte Antwort
    0
    • L la_saxe

      Guten Abend zusammen,

      ich möchte im VIS-2 per CSS die Navigationsbuttons anpassen. Es handelt sich um den Button "Gestylt Navigationssymbol"
      3c41d92c-62cb-4204-94d1-fbff34a94f8d-image.png

      Die reguläre Anpassung funktioniert auch schon unter Verwendung einer eigenen Klasse nav, die den Buttons zuweise:

      .nav button {
          background-color: #191919 !important;
          color: white !important ;
          border-radius: 0px;
      }
      .nav button:hover {
          background-color: #333333 !important;
          color: white !important ;
      }
      
      .nav button:focus {
          background-color: red !important;
          color: white !important ;
      }
      

      Aber wie finde ich nun für den Button der aktive Seite die CSS-Klasse, die ich anpassen muss, damit ich den Button-Hintergrund entsprechend anpassen kann?

      Im Quelltext finde ich dazu leider nichts und meine Suche war auch nicht wirklich erfolgreich.

      Kann mir da jemand einen Hinweis geben?

      Ich danke euch vielmals :-)

      LG
      sax

      CodierknechtC Offline
      CodierknechtC Offline
      Codierknecht
      Developer Most Active
      schrieb am zuletzt editiert von
      #2

      @la_saxe
      Ich bin mir nicht sicher, ob ich Dich richtig vestanden habe.

      Rechte Maustaste => "Untersuchen"

      92268a94-499c-474d-bc88-4b013ca92f66-grafik.png

      "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

      Proxmox 9.1.1 LXC|8 GB|Core i7-6700
      HmIP|ZigBee|Tasmota|Unifi
      Zabbix Certified Specialist
      Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

      L 1 Antwort Letzte Antwort
      1
      • CodierknechtC Codierknecht

        @la_saxe
        Ich bin mir nicht sicher, ob ich Dich richtig vestanden habe.

        Rechte Maustaste => "Untersuchen"

        92268a94-499c-474d-bc88-4b013ca92f66-grafik.png

        L Offline
        L Offline
        la_saxe
        schrieb am zuletzt editiert von
        #3

        @codierknecht sagte in Wie finde ich die CSS Klasse?:

        Rechte Maustaste => "Untersuchen"

        Hey codierknecht,

        du hast es genau richtig verstanden. Genau das habe ich gesucht. Damit konnte ich die Klasse "MuiButton-containedPrimary" finden. Ich danke dir vielmals!

        Hatte bisher immer nur im Seitenquelltext geschaut.

        Danke!

        1 Antwort Letzte Antwort
        0
        Antworten
        • In einem neuen Thema antworten
        Anmelden zum Antworten
        • Älteste zuerst
        • Neuste zuerst
        • Meiste Stimmen


        Support us

        ioBroker
        Community Adapters
        Donate

        969

        Online

        32.5k

        Benutzer

        81.9k

        Themen

        1.3m

        Beiträge
        Community
        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
        ioBroker Community 2014-2025
        logo
        • Anmelden

        • Du hast noch kein Konto? Registrieren

        • Anmelden oder registrieren, um zu suchen
        • Erster Beitrag
          Letzter Beitrag
        0
        • Home
        • Aktuell
        • Tags
        • Ungelesen 0
        • Kategorien
        • Unreplied
        • Beliebt
        • GitHub
        • Docu
        • Hilfe