Twitter bootstrap 引导日期选择器css工作不正常

使用bootstrap datepicker在浏览器上选择日期时应获得的内容：

我得到的是：

如果我点击日期，选择是有效的（输入填充良好），但没有突出显示，光标就像文本光标，而不是像chrome上的小手

<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')
            );
    });

$（'#datepicker2'）。datepicker（）；
$（'#datepicker2'）。在（'changeDate'，function（）上{
$（“#我的_隐藏_输入”）.val(
$（“#datepicker2”）.datepicker（'getFormattedDate'））
);
});

如果在mozilla浏览器上触发

changeDate

事件时调用jquery函数

$（“#my_hidden_input”）.val（）

，那么据我所知，这不是jquery问题。这是一个CSS问题。有时CSS样式在chrome上有效，但在mozzilla上无效。出于这个原因，有时我们会为mozilla或webkit（chrome）使用特定的CSS样式

您需要使用开发者工具栏来比较两个divcss样式，我认为您将能够发现，在mozzilla上，这个divcellhighlight属性或其他属性由于某种原因被禁用

例如，如果您在css

-moz cellhighlight

中使用css样式，则css样式将仅应用于mozilla

当jquery动态地将此样式添加到div中时，当您在（'changeDate'，function（）{}）上的事件上调用

.datepicker（）

函数时，您应该能够通过在Chrome或Mozzilla中更改日期来轻松找到添加的类的名称，并在datepicker css文件中编辑此类

以特定浏览器为目标

---

你有更新吗？@FabrizioBertoglio抱歉我很忙，我清除了chrome缓存，我在chrome上也遇到了同样的问题，但之前它还在工作，所以我真的不明白发生了什么Hanks。有什么方法可以重新创建此问题来测试它吗？你能给我这个问题的github吗？感谢您的延迟，我无法提供，我找到了替换bootstra-datepicker.css链接的解决方案，它正在工作，我认为我的旧datepicker.css不是好的解决方案！但是谢谢你指出了css的问题，所以我把重点放在it@xif谢谢你，我很高兴你最好地解决了这个问题。你的解决方案也帮了我。导入了“standalone”样式表，即

@import'~bootstrap datepicker/dist/css/bootstrap datepicker.standalone.css'

而不是

@import'~bootstrap datepicker/dist/css/bootstrap datepicker.css'。然后成功了