没有完整bootstrap.css的Bootstrap datepicker

Question

我想使用bootstrap-datetimepicker（https://eonasdan.github.io/bootstrap-datetimepicker/）。

包含所有内容时效果很好，尽管图标未显示：http://prntscr.com/8bci9j

但除此之外，我没有在网站上使用bootstrap，包括完整的bootstrap.css与我的造型混淆了。所以我只想从bootstrap.css中获得实际需要的CSS部分 - 任何人都可以帮助我获取这些内容吗？如果我不包含bootstrap.css，则即使包含了bootstrap-datepicker.css，也会搞砸datepicker。

Answer 1

不是那么容易，根据bootstrap.css或hover等事件，有click个元素应用了多个css类，

所以很难让它像任何供应商的CSS库一样工作。我的建议是更新你的本地css，以便它引用你脚本中的特定元素。

• 另请参阅下面的MDN优先级表，以了解有关css优先级/优先级的更多信息。 MDN
• 如果需要，对需要更多优先级的css类使用!important（在最坏的情况下）。

来自MDN的关于优先权的参考：

选择器类型

以下选择器类型列表是通过提高特异性来实现的：

1. 通用选择器（即*）。
2. 类型选择器（例如，h1）和伪元素（例如：之前）。
3. 类选择器（例如.example），属性选择器（例如[type =＆＃34; radio＆＃34;]）和伪类（例如：hover）。
4. ID选择器（例如，＃example）。

添加到元素的内联样式（例如，style =＆＃34; font-weight：bold＆＃34;）总是会覆盖CSS中的任何样式，因此可能具有最大的特异性。