Datetimepicker: Anpassen von css - javascript, datetimepicker, bootstrap-datetimepicker, eonasdan-datetimepicker

Zur Auswahl eines Datums und einer Uhrzeit verwende ich einen Datetimepicker (Bootstrap-Datetime-Picker). Das Widget erlaubt das Anzeigen von Datum und Uhrzeit "Seite an Seite". Alles funktioniert super und das Pflücken ist kein Problem. Aber der Zeitteil des Widgets verwendet Pfeile, um Stunden und Minuten zu erhöhen / verringern. Diese Pfeiltasten sind ausgeblendet und werden nur angezeigt, wenn Sie den Mauszeiger über den Bereich bewegen, in dem sich die Pfeilschaltfläche befindet. Ich habe versucht, das CSS nach der Einstellung "Hover" zu durchsuchen, damit ich das Verhalten ändern kann. Ich will, dass es die ganze Zeit zeigt, nicht nur, wenn es über uns schwebt.

Irgendwelche Ideen, wo und wie man diese Einstellungen ändert?

Antworten:

Du kannst es versuchen:

.timepicker .glyphicon-chevron-oben{Hintergrundfarbe: #eee; }

Wenn du meinst das DateTimePicker, Überprüfen Sie den Code der Seite im Konsolentyp

var picker = $(".bootstrap-datetimepicker-widget");
$(picker).appendTo("body")

Erkunden Sie den Code des datetime-Picker-Elements am unteren Seitenrand