Css bootstrap 3具有自定义主题的日期选择器-外观恶劣

我买了一个定制的Metro主题，它是Pluralsight上John Papa AngularJS/Breeze课程的一部分。一切都很顺利，直到我尝试添加一个bootstrap3日期选择器的组合。开箱即用，看起来很恶心

请注意，字体可怕图标比输入框小几个像素，弹出窗口具有不同的列宽和这些奇怪的边框，没有背景等等

     <div class="col-xs-6">
         <div class="input-group">
             <input type="text" class="form-control"
                    datepicker-popup="{{vm.dateFormat}}"
                    ng-model="vm.startDate"
                    is-open="vm.openedStart"
                    max-date="{{vm.endDate | date: 'yyyy-MM-dd'}}"
                    datepicker-options="{{vm.dateOptions}}"
                    ng-required="true"
                    show-button-bar="false"
                    show-weeks="false" />
             <span class="input-group-btn">
                  <button type="button" class="btn btn-default" ng-click="vm.openStart($event)"><i class="fa fa-calendar"></i></button>
             </span>
         </div>
    </div>

每当我尝试使用我下载的自定义引导样式时，我似乎都会遇到这个问题，所以我显然在自定义样式集的工作方式中遗漏了一些基本的东西

既然我有一个自定义样式，我该如何重新设置日期选择器的样式，使其看起来更“默认”？显然，我必须找到它的CSS，我有一个customtheme.CSS文件，但是对于.ui datepicker类来说，里面没有太多内容，而且绝对没有任何东西可以解释为什么日历中有行

---

有谁能给我一些建议或指点，以及如何清理这个问题（图标和日历布局），或者更一般地说，如何清理使用自定义主题时的小精灵？

我也有类似的问题，通过在

日期选项中添加这个类解决了这个问题

vm.dateOptions = {
    class: 'datepicker'
};

css

.datepicker .btn-default {
  border-width: 0;
  box-shadow: none;
}

这将禁用按钮的
阴影
，并去除边框


引导数据纠察演示
.datepicker下拉列表{
排名：0；
左：0；
填充：4px；
背景色：#2C6E8E；
边界半径：10px；
}
.日期选择器表{
保证金：0；
-webkit触摸标注：无；
-webkit用户选择：无；
-khtml用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
}
.datepicker表tr td，
.datepicker表tr th{
文本对齐：居中；
宽度：30px；
高度：30px；
边界半径：4px；
边界：无；
颜色：#FFFFFF；
}
.datepicker表tr td.day:悬停，
.datepicker表tr td{
背景：#555555；
光标：指针；
}
.datepicker表tr td.old，
.datepicker表tr td.new{
颜色：#FF8000；
}
.datepicker表tr.today{
颜色：#000000；
背景色：#FFA953；
边框颜色：#FFB76F；
}
.datepicker表tr td.今天：悬停{
颜色：#FFFFFF；
背景色：#884400；
边框颜色：#f59e00；
}
.datepicker表tr td.active:active，
.datepicker表tr td.active.highlighted:active，
.datepicker表tr td.active.active，
.datepicker表tr td.active.highlighted.active，
.open>.dropdown-toggle.datepicker表tr td.active，
.open>.dropdown-toggle.datepicker表tr td.active.highlighted{
颜色：#ffffff；
背景色：#419841；
边框颜色：#285e8e；
}
.datepicker表tr td.active:active:悬停，
.datepicker表tr td.active.highlighted:active:hover，
.datepicker表tr td.active.active:悬停，
.datepicker表tr td.active.highlighted.active:悬停，
.open>.dropdown-toggle.datepicker表tr td.active:悬停，
.open>.dropdown-toggle.datepicker表tr td.active。突出显示：悬停，
.datepicker表tr td.active:active:focus，
.datepicker表tr td.active.highlighted:active:focus，
.datepicker表tr td.active.active:focus，
.datepicker表tr td.active.highlighted.active:focus，
.open>.dropdown-toggle.datepicker表tr td.active：焦点，
.open>.dropdown-toggle.datepicker表tr td.active。突出显示：焦点，
.datepicker表tr td.active:active.focus，
.datepicker表tr td.active.highlighted:active.focus，
.datepicker表tr td.active.active.focus，
.datepicker表tr td.active.highlighted.active.focus，
.open>.dropdown-toggle.datepicker表tr td.active.focus，
.open>.dropdown-toggle.datepicker表tr td.active.highlighted.focus{
颜色：#ffffff；
背景色：#285e8e；
边框颜色：#193c5a；
}
.datepicker表tr td.active:active，
.datepicker表tr td.active.highlighted:active，
.datepicker表tr td.active.active，
.datepicker表tr td.active.highlighted.active，
.open>.dropdown-toggle.datepicker表tr td.active，
.open>.dropdown-toggle.datepicker表tr td.active.highlighted{
颜色：#ffffff；
背景色：#3071a9；
边框颜色：#285e8e；
}
.datepicker表tr td.active:active:悬停，
.datepicker表tr td.active.highlighted:active:hover，
.datepicker表tr td.active.active:悬停，
.datepicker表tr td.active.highlighted.active:悬停，
.open>.dropdown-toggle.datepicker表tr td.active:悬停，
.open>.dropdown-toggle.datepicker表tr td.active。突出显示：悬停，
.datepicker表tr td.active:active:focus，
.datepicker表tr td.active.highlighted:active:focus，
.datepicker表tr td.active.active:focus，
.datepicker表tr td.active.highlighted.active:focus，
.open>.dropdown-toggle.datepicker表tr td.active：焦点，
.open>.dropdown-toggle.datepicker表tr td.active。突出显示：焦点，
.datepicker表tr td.active:active.focus，
.datepicker表tr td.active.highlighted:active.focus，
.datepicker表tr td.active.active.focus，
.datepicker表tr td.active.highlighted.active.focus，
.open>.dropdown-toggle.datepicker表tr td.active.focus，
.open>.dropdown-toggle.datepicker表tr td.active.highlighted.focus{
颜色：#ffffff；
背景色：#285e8e；
边框颜色：#193c5a；
}
.datepicker.datepicker开关{
宽度：145px；
}
.datepicker.datepicker开关：悬停，
.datepicker.prev:悬停，
.datepicker.下一步：悬停，
.datepicker tfoot tr th:悬停{
背景#50A2C9；
}
$（函数（）{
$（'.input group.date'）.datepicker({
方向：“自动向左”，
forceParse:false，
自动关闭：是的，
今天的亮点：没错，
真的吗
});
});
自定义日期选择器
显示
vm.dateOptions
valuesvar-dateFormat='yyyy-MM-dd'；vm.dateOptions={formatYear:'yy'，startingDay:1，showWeeks:false}；只是