Changement de texte ou de couleur d'arrière-plan de l'amorce de sélecteur de date

J'ai implémenté le bootstrap sélecteur de date (voir la figure ci-dessous). Il fonctionne comme prévu. Le code ressemble à ceci:

<div class="input-group date">
    <input name="departure" type="text" class="form-control" id="departure" required>
    <span class="input-group-addon">
        <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
    </span>
</div>

Le code pour mettre en œuvre le sélecteur de date:

$(document).ready(function () {
    $('.input-group.date').datepicker({
        format: "yyyy/mm/dd",
        startDate: "2014-12-01",
        endDate: "2016-01-01",
        todayBtn: "linked",
        autoclose: true,
        todayHighlight: true
    });
});

Sélecteur de Date:

Lorsque je change la couleur de fond de ma page HTML comme ceci:

body {
    background: #EDEDED !important; /* RGB Decimal :237, 237, 237 */
    color: #965B25 !important; /* RGB Decimal :150, 91, 37 */
}

Le texte dans le sélecteur de date est également modifiée. Le résultat de ceci est que vous ne pouvez pas lire un texte à l'intérieur de la date de sélecteur de boîte. Est-il un moyen de changer la couleur du texte/arrière-plan couleur du sélecteur de date elle-même?

Toute aide est grandement appriciated.

Marcus

Ressemble à un XY problème: pourquoi vous mettez-vous à la bodys arrière-plan et la couleur avec !important?
Parce que bootstrap est livré avec un propre feuille de style CSS, et a déjà mis ces attributs. Je suis leur remplaçant, comme ceci
Bootstrap ne pas utiliser !important dans le body bloc. Si vous en cascade de ces styles de la vôtre doit être appliquée.
Bizarre. Je l'ai essayé avant, et Ça ne fonctionne pas alors sans !important, mais je l'ai enlevé et maintenant, et il fonctionne toujours. Il n'a pas répondu à ma question tho
Êtes-vous sûr que votre CSS charge après le démarrage? BTW: George commentaire n'répondre à votre question.
il est trivlal de regarder les règles qui affectent tout élément simplement en utilisant les outils de développement pour inspecter l'élément
Oui j'en suis sûr. Si elle ne veut répondre à ma question, alors veuillez préciser parce que je ne vois pas comment je peux appliquer cette réponse à résoudre mon problème. @abhitalks.
N'a pas de sens @charlietfl
le point est d'inspecter les éléments et de les modifier ou ajouter des règles en conséquence. Pouvez même faire vivre des modifications dans les outils de dev
C'est ce que j'essaie de faire ici. Mais je suis coincé. @charlietfl
fournir une démo alors, nous ne pouvons pas écrire du css sur une image ou voir ce que les conflits que vous avez créé
Vous pourriez avoir créé un violon démo et vu vous-même. De toute façon, j'ai créé un violon pour vous: jsfiddle.net/abhitalks/vk4bkgtz

InformationsquelleAutor Marcus | 2014-12-01

4

essayez ceci:
```
.datepicker {
background-color: #fff ;
color: #333 ;
}
```
- Merci! Qui ont travaillé. Très apprécié.
InformationsquelleAutor asdf_enel_hak

La même question, j'ai été confronté pour Bootstrap3 datetimepicker et j'ai fait le dessous de changer et il a travaillé

  $('.datepicker').on(
        'dp.show',
        function(e) {
        $(".bootstrap-datetimepicker-widget").css(
        "background-color", "#3c3e43");
        });

InformationsquelleAutor Shravan Ramamurthy

Vous devez vous connecter pour publier un commentaire.