[GELÖST]Select Hintergrund Auswahlmenü

[ErzGabriel]

Hallo.
Ich suche verzweifelt nach der Css Einstellung um den Hintergrund des Auswahlmenüs zu ändern aber ich finde die passende Css-Datei nicht.
Kann mir jemand bitte sagen welche Datei es ist und wo es in etwa in der Datei steht.
Danke.

[Vaddi]

Sollte bei fhem-tablet-ui.css:2895 stehen und heißt .select-wrapper
Du kannst dann aber eine fhem-tablet-ui-user.css erstellen und dort die Änderungen vornehmen.

[ErzGabriel]

Leider finde ich den Eintrag in der genannten Datei nicht, sie ist auch gar nicht so lang.
In die User CSS eintragen funktioniert auch nicht. Menü wird immer noch wie vorher angezeigt.

[Vaddi]

Hmm, meine fhem-tablet-ui.css hat über 3000 Zeilen.

Ich mache das immer folgendermaßen.
Ich öffne mein FTUI, drücke F12 (Firefox) und nutze den Inspector.
Sobald du irgendein Element im Inspektor markiert hast, siehst du auf der rechten
Seite unter Regeln welche CSS Regeln auf das Element angewandt wird.

[ErzGabriel]

Ich nutze Chrome und aus den Daten vom Inspector, werde ich nicht schlau, weil der schmeißt mir immer body aus und das kann nicht sein, weil body habe ich umgefärbt.

[Standarduser]

Das hier sind die wichtigsten Eigenschaften, mit denen Du ein Select formatieren kannst:

Code Auswählen Erweitern


.select {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.select_wrapper {
    position: relative;
}

.select_wrapper:after {
    position: absolute;
    right: 6px;
    content: "\f107";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 150%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

option {
    background-color: #2a2a2a;
}

select,
input.textinput {
    border-radius: 10px;
    border: 2px solid #8C8C8C;
    background: transparent;
    width: 100%;
    padding: 6px !important;
    padding-right: 2em !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1em;
    color: #eeeeee;
}


Ich hoffe, ich hab nichts übersehen.
Der Hintergrund ist übrigens mit den Standardeinstellungen transparent.
Allerdings wundert es mich schon, dass Deine fhem-tablet-ui.css so kurz ist. Mit welchem Stand von FTUI arbeitest Du denn?

[ErzGabriel]

Danke für die Daten, werde es morgen mal testen.
Mit Version 2.6