Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. [gelöst]jqui-Widget ctrl Radiobuttons Value List: Hinterg..

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

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

    This topic has been deleted. Only users with topic management privileges can see it.
    • C
      Communicate last edited by

      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 Reply Quote 0
      • C
        Communicate last edited by

        … 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 Reply Quote 0
        • First post
          Last post

        Support us

        ioBroker
        Community Adapters
        Donate

        506
        Online

        31.7k
        Users

        79.7k
        Topics

        1.3m
        Posts

        1
        2
        1101
        Loading More Posts
        • Oldest to Newest
        • Newest to Oldest
        • Most Votes
        Reply
        • Reply as topic
        Log in to reply
        Community
        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
        The ioBroker Community 2014-2023
        logo