Floorplan/CSS: Einstellung Schriftgröße Dropdown-Box

Motivierte linke Hände · 13 September 2016, 21:18:01

Hi,

ich würde gerne die Schriftgröße ändern, in der eine Dropdown-Box (ein mit setList vorbefüllter Dummy) auf dem Floorplan angezeigt wird. Der Dummy heißt dum_Cam_select. Folgendes scheint es FAST zu sein:

Code Auswählen

#dum_Cam_select-devicecommands.devicecommands { font-size: 26px; }

Das führt nämlich dazu, dass Firebug anzeigt:

Code Auswählen

select {
    margin-left: 5px;
    margin-right: 5px;
}
#dum_Cam_select-devicecommands.devicecommands {
    font-size: 26px;
}

Aber leider bleibt die Schriftgröße in der Dropdown-Box unverändert...

Das gesamte CSS des Elements lt. Firebug:

Code Auswählen

<html xmlns="http://www.w3.org/1999/xhtml">
<head root="/fhem">
<body longpollfilter="fp_fp_Video=.%2B" longpoll="1" generated="1473794050.9181" name="fp_Video">
<div id="backimg" style="width: 99%; height: 99%;">
<div id="fpmenu" class="fp_arrange" style="z-index:999">
<div id="floorplan" class="screen">
<div id="logo"></div>
<div id="div-dum_Cam_select" class="fp_device_div ui-draggable ui-draggable-handle" style="position:absolute; top:138px; left:42px;" fp_name="fp_Video" fp_text2=" " fp_text="dum_Cam_select" fp_style="7">
<form autocomplete="off" action="/fhem/floorplan/fp_Video/dum_Cam_select" method="post">
<table id="table-dum_Cam_select" class="dummy fp_fp_Video" align="center">
<tbody>
<tr id="dum_Cam_select-devicecommands" class="devicecommands">
<td>
<select class="select_widget" informid="dum_Cam_select">
<option value="Balkon">Balkon</option>
<option value="Garten">Garten</option>
<option value="Terrasse">Terrasse</option>
<option value="Terrasseneingang">Terrasseneingang</option>
</select>
</td>
</tr>
</tbody>
</table>
</form>
</div>

Für einen hilfreichen Schubs in die richtige Richtung dankbar,
Christian

hobby_musiker · 14 September 2016, 16:18:51

Hi,

das was Du oben als CSS-Code hinzugefügt hast, ist der HTML-Code, nicht das CSS. Schau doch mal, welches CSS-File wirklich verwendet wird (in Firefox: Tools / Web Developer / Inspector). Dann siehst Du rechts unten im Fenster, wie dier Browser zu der entsprechenden Darstellung gekommen ist, d.h. die verwendeten Styles samt der Info, woher sie kommen (sogar mit Link auf das jeweilige CSS-File).

Durch abändern des dadurch gefundenen *.css-Files solltest Du dann weiter kommen.

Gruß hobby_musiker

Motivierte linke Hände · 14 September 2016, 16:24:23

Danke für Deine Antwort, und wahrscheinlich ist die Terminologie meiner Frage falsch. Das css jedenfalls kenne ich, in dem habe ich ja

Code Auswählen

#dum_Cam_select-devicecommands.devicecommands { font-size: 26px; }

gesetzt, so dass Firebug als gültigen font-size auch 26px anzeigt. Nur offenbar stimmt der Name des zu änderndern Elements (dum_Cam_select-devicecommands.devicecommands) noch nicht, denn dies ändert nicht die Schriftgröße in der Dropdown-Box des Dummys "dum_Cam_select".

FHEM Forum

Floorplan/CSS: Einstellung Schriftgröße Dropdown-Box

Motivierte linke Hände

hobby_musiker

Motivierte linke Hände