Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. [gelöst]jqui-Widget ctrl Radiobuttons Value List: Hinterg..

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.1k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.8k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.1k

[gelöst]jqui-Widget ctrl Radiobuttons Value List: Hinterg..

Scheduled Pinned Locked Moved Visualisierung
2 Posts 1 Posters 1.1k Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • C Offline
    C Offline
    Communicate
    wrote on last edited by
    #1

    Hallo zusammen,

    wie kann man bei diesem Widget den Hintergrund der einzelnen Buttons ändern? Den HIntergrund des Widgets kann ich ganz

    normal üb er die css-Hintergrund eigenschaft ändern, aber die Buttons bleiben immer hellblau.

    Bei dem normalen jqui-Button kann ich ja den Stil ändern, diese Option habe ich aber bei diesem Widget nicht.

    Hat hier jemand eine Idee?

    Grüße

    Dominic

    1 Reply Last reply
    0
    • C Offline
      C Offline
      Communicate
      wrote on last edited by
      #2

      … ich habs raus gefunden. Ob das der Königsweg ist, weiss ich nicht, aber es funktioniert.

      Folgende CSS-Befehle färben mir die Button und die Ränder:

      #visview_Wohnzimmer .ui-button {
      
           outline: 0;
      
           color: #7A56A0;
      
           font-weight: normal;
      
            border: 1px solid #7A56A0;
            border-radius: 3px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            background: #EEEFF1; /* old browsers */
            background: -moz-linear-gradient(top, #3D4850 3%, #313d45 4%, #EEEFF1 100%); /* firefox */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#EEEFF1), color-stop(4%,#EEEFF1), color-stop(100%,#EEEFF1)); /* webkit */
      
            box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* CSS3 */
            -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Firefox */
            -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Safari, Chrome */
      }
      
      1 Reply Last reply
      0
      Reply
      • Reply as topic
      Log in to reply
      • Oldest to Newest
      • Newest to Oldest
      • Most Votes


      Support us

      ioBroker
      Community Adapters
      Donate

      264

      Online

      32.4k

      Users

      81.4k

      Topics

      1.3m

      Posts
      Community
      Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
      ioBroker Community 2014-2025
      logo
      • Login

      • Don't have an account? Register

      • Login or register to search.
      • First post
        Last post
      0
      • Recent
      • Tags
      • Unread 0
      • Categories
      • Unreplied
      • Popular
      • GitHub
      • Docu
      • Hilfe