Monatsrückblick Januar/Februar 2026 ist online!

[griessbx]

Hallo, ich möchte beim "crtl - Input + Set Button" die vordergrundfarbe der Felder ändern und auch eventuell die Farbe beim betätigen. Finde aber keine möglichkeit dafür. Geht das und wenn ja wie ?
Gruß Roland

[sigi234]

@griessbx

Thema ändern.

[BananaJoe]

@griessbx ich hab da mal was gemacht (gehabt):

Wichtig: das ist das Widget w00250 wie man rechts auf dem Reiter sehen kann. Das folgende musst du bei dir dann an deine Widget-Nummer anpassen.

Im CSS-Reiter habe ich dann folgendes:

/* Inputfeld Alexa EinkaufslisteV3*/
#w00250_input {
    /*text-shadow: 1px 1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, -1px -1px 0 #000000, 1px 0px 0 #000000, 0px 1px 0 #000000, -1px 0px 0 #000000, 0px -1px 0 #000000, 1px 1px 4px #000000, 0px 0px 2px #000000;*/
    background: rgb(255,255,255,0.8) ;
    color: #333333;
    padding-left: 10px;
    padding-top: 15px;
    border: 2px solid #000000;
    border-radius: 8px;
}

#w00250_set {
    background: rgb(0,0,0,0.6) ;
    border: 2px solid #000000;
    border-radius: 8px;
    color: #eeece1;
    text-shadow:1px 1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000, -1px -1px 0 #000000, 1px 0px 0 #000000, 0px 1px 0 #000000, -1px 0px 0 #000000, 0px -1px 0 #000000, 1px 1px 4px #000000, 2px 2px 4px #000000;
    font-family: Oxanium;
    font-size: 30px;
}

Wie du siehst kann man per CSS dann das Input und das Set Feld getrennt anprechen (_input und _set)
Der Rest wäre ein wenig google was mit CSS alles geht

[griessbx]

@bananajoe Danke, das hat geholfen, ich hab da noch mal eine Anschlussfrage wo ich mir die Label wie #wxxxxx_set oder #wxxxxx_input finde. Gibt es da Schlüsselworte . Wenn man sich das Widget anlistet sieht es erstmal sehr verwirrend aus
Gruß Roland

[BananaJoe]

@griessbx Rechte Maustaste auf der Webseite und dann Untersuchen

viele Wege führen nach Rom - in der Regel muss man einen eindeutigen Bezeichner = Id finden
Wenn du die einzelnen Zeilen bei den Elementen anklickst markiert er dir auf der Webseite was dazu gehört.

Also die Id habe ich aus dem Elemente Bereich und dann unter CSS halt genutzt.

Wenn man das ohne die Widget-Id macht (also nur set hatte auch funktioniert) wären aber immer gleich alle Element im Projekt betroffen die das enthalten. Bei set ggf. weniger ein Problem, bei body schon eher.
Daher mache ich das immer gerne pro Widget-Nummer, notfalls dann halt 2x

Den Rest macht die Übung. Ich hab in diesem Fall auch eine ganze Weile rumprobieren müssen bis ich auf das richtige Element gekommen bin. Da gibt es eigentlich immer etwas, im schlimmsten Fall schreibst du halt nur die Widget-Nummer.

Im hartnäckigen Fällen kannst du auch noch

.ui-dialog[aria-describedby="w00279_dialog"] .ui-dialog-titlebar {
    display: none !important;
}

'!important' dahinter schreiben, das sollte dann nicht wieder überschrieben werden falls da mehrere CSS Anweisung sich gegenseitig überschreiben und deine nicht die letzte wäre.