Bootstrap datepicker css运行不正常

Question

当我使用bootstrap datepicker在浏览器上选择日期时，我应该得到什么：

我得到了什么：

如果我点击日期，选择正常（输入已完成）但没有高亮显示，光标就像一个短信光标，而不是像铬一样的小手。

<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

如果在mozilla浏览器上触发$('#my_hidden_input').val()事件时调用了jquery函数changeDate，那么正如我所知，这不是一个jquery问题。这是一个CSS问题。有时CSS样式适用于chrome，但不适用于mozzilla。出于这个原因，有时我们会为mozilla或webkit（chrome）使用特定的CSS样式。

您需要使用开发人员工具栏来比较两个div css样式，我认为您将能够在mozzilla上找到这个div cellhighlight属性或某些其他属性因某些原因而被禁用。

例如，如果您在css -moz-cellhighlight中使用css样式将仅应用于mozilla

由于jquery动态地将此样式添加到div，当您在事件.datepicker()上调用.on('changeDate', function(){})函数时，您应该可以通过更改Chrome或Mozzilla中的日期轻松找到添加的类的名称，并在datepicker css文件中编辑此类。

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

使用css定位特定浏览器 Targeting only Firefox with CSS