datepicker border今天所有的td例外

Question

我有一个jquery datepicker并尝试自定义。

我想更改元素的边框，我遇到td

的问题

.ui-datepicker-calendar td{

     border-left: 1px solid #FFFFFF;
     border-bottom: 1px solid #FFFFFF;
}



.ui-datepicker-today {

      border: 1px solid #C90212 !important;
}

datepicker的内部代码：

 /*not today*/
 <td class=" " data-handler="selectDay" data-event="click" data-month="2" data-year="2016"><a class="ui-state-default" href="#">8</a></td>

 /*Today */
 <td class=" ui-datepicker-days-cell-over  ui-datepicker-today" data-handler="selectDay" data-event="click" data-month="2" data-year="2016"><a class="ui-state-default ui-state-highlight" href="#">9</a></td>

问题是今天的边界顶部没有设置。

我尝试使用边框间距，但它不适用于Internet Explorer。

我附上了一张带有结果的图片

Answer 1

只需将您的CSS更改为：

.ui-datepicker-today a {
  border: 1px solid #C90212 !important;
}

Answer 2

边缘的颜色必须更改a中的td，如下所示：

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
   border: 1px solid #C90212 !important;
}