Bootstrap picker CSS funktioniert nicht gut

Question

Was sollte ich, wenn ich ein Datum in meinem Browser mit Bootstrap picker wählen:

Was ich bekommen habe:

Wenn ich Klicken Sie auf das Datum, die Auswahl funktioniert (die Eingabe ist gut gefüllt), aber es gibt keine Hervorhebung, und der Cursor ist wie ein Textcursor, nicht die kleine Hand, wie es auf Chrom ist.

<div id="datepicker2"></div> 
<div id="inputpicker2"> <input type="" id="my_hidden_input"></div> 

    $('#datepicker2').datepicker(); 
    $('#datepicker2').on('changeDate', function() { 
      $('#my_hidden_input').val(
        $('#datepicker2').datepicker('getFormattedDate') 
      ); 
    }); 

Answer 1

Wenn die Jquery Funktion $('#my_hidden_input').val() wird aufgerufen, wenn Sie die changeDate Ereignis auf dem Mozilla-Browser auslösen, dann wie mein Verständnis dies kein jquery Problem. Es ist ein CSS-Problem. Manchmal funktioniert CSS-Stil auf Chrome, aber nicht auf Mozzilla. Aus diesem Grund verwenden wir manchmal bestimmte CSS-Stile für Mozilla oder Webkit (Chrome).

Sie benötigen mit der Entwicklersymbolleiste, um die beiden divs CSS-Stile zu vergleichen, ich denke, Sie können herausfinden, dass auf Mozilla, diese div cellhighlight -Eigenschaft oder eine andere Eigenschaft aus irgendeinem Grund deaktiviert ist.

zum Beispiel, wenn Sie in Ihrem CSS verwenden -moz-cellhighlight, dass CSS-Stil nur mozilla angewendet wird

Wie jquery diesen Stil dynamisch an die div fügt hinzu, wenn Sie die .datepicker() Funktion auf der .on('changeDate', function(){}) Ereignis aufrufen, sollten Sie sein einfach durch Ändern des Datums in Chrome oder Mozzilla, um den Namen der hinzugefügten Klasse herauszufinden und bearbeiten Sie diese Klasse in Ihrer Datepicker CSS-Datei.

https://developer.mozilla.org/en-US/docs/Web/CSS/Mozilla_Extensions

mit CSS einen bestimmten Browser Targeting only Firefox with CSS