自定义日历-选定的日期范围边框样式

时间:2018-11-19 05:43:49

标签: javascript jquery html css

我将此自定义日历用于我的项目。现在,它将选定的日期显示为这样的突出背景。

enter image description here

我只想这样更改它。边框添加到所选日期。

enter image description here

我尝试过使用:first-child和:last-child这样的方式。

.calendar_content div.selected:first-child {
  border-style: solid;
  border-width: 2px 0 2px 2px;
  border-color: #928d8d;
}

.calendar_content div.selected:last-child {
  border-style: solid;
  border-width: 2px 2px 2px 0;
  border-color: #928d8d;
}

.calendar_content div.selected {
  border-style: solid;
  border-width: 2px 0;
  border-color: #928d8d;
}

但是它不起作用。然后,我查看了airbnb网站日历,看到那些家伙使用伪类(:after),我不明白他们是如何实现该功能的。任何CSS唯一的方法?还是我需要js?

这是fiddle

0 个答案:

没有答案