我将此自定义日历用于我的项目。现在,它将选定的日期显示为这样的突出背景。
我只想这样更改它。边框添加到所选日期。
我尝试过使用: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