如何解决如何使用FullCalendar悬停每一天?
我有一个Reactjs FullCalendar,我想将鼠标悬停在当天的单元格上时,背景也会变成蓝色,该单元格的时间就会出现。
我尝试这个:
.fc-widget-content td:hover {
background-color: blue;
}
但是,我得到了:
https://i.stack.imgur.com/sCKOq.gif
但是,我想像这样每天独立地悬停每个单元格:
https://i.stack.imgur.com/v9FSh.gif
他的代码是:
<td onmouseover="highlightBG(this);" onmouseout="nohighlightBG(this);" style="color: transparent; height: 1.5em; text-align: right; padding-right: 2px; background-color: initial;"><span style="font-weight:900;">8:35</span></td>
function highlightBG(element) {
element.style.backgroundColor = '#39b6f0';
element.style.color = 'black';
}
function nohighlightBG(element) {
element.style.backgroundColor = 'initial';
element.style.color = 'transparent';
}
我该如何解决?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。