FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: ErzGabriel am 30 September 2017, 09:52:36

Titel: [GELÖST]Select Hintergrund Auswahlmenü
Beitrag von: ErzGabriel am 30 September 2017, 09:52:36
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.
Titel: Antw:Select Hintergrund Auswahlmenü
Beitrag von: Vaddi am 30 September 2017, 23:20:59
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.
Titel: Antw:Select Hintergrund Auswahlmenü
Beitrag von: ErzGabriel am 01 Oktober 2017, 09:11:36
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.
Titel: Antw:Select Hintergrund Auswahlmenü
Beitrag von: Vaddi am 01 Oktober 2017, 23:17:21
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.
Titel: Antw:Select Hintergrund Auswahlmenü
Beitrag von: ErzGabriel am 02 Oktober 2017, 06:16:54
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.
Titel: Antw:Select Hintergrund Auswahlmenü
Beitrag von: Standarduser am 02 Oktober 2017, 09:45:21
Das hier sind die wichtigsten Eigenschaften, mit denen Du ein Select formatieren kannst:


.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?
Titel: Antw:Select Hintergrund Auswahlmenü
Beitrag von: ErzGabriel am 02 Oktober 2017, 15:29:52
Danke für die Daten, werde es morgen mal testen.
Mit Version 2.6