如何绕过FullCalendar jQuery插件的各个角落？

在尝试自定义FullCalendar jQuery插件的外观时，我遇到了一个无法解决的问题。 更准确地说，我一直在尝试绕过标题的各个角落，不幸的是，这并不像应用边界半径那么简单

这就是我如何使它看起来：

正如您所看到的，正方形一直存在于日历后面，编辑会影响整个日历

---

有人知道我的方法有什么问题吗？

添加

边框折叠：分离到表格并设置正确的背景（例如：
背景色：黑色；
到
tr
和
背景色：白色；
到
td
）。它应该做你想做的

<div class="fc-view fc-agendaWeek-view fc-agenda-view">
  <table style="border-collapse: separate;">
    <thead class="fc-head">
      <tr style="background-color: black;">
        <td class="fc-widget-header" style="background-color: white;">

html{
背景色：#000000；
}
身体{
背景色：透明；
字体系列：“Roboto”，无衬线；
溢出x：隐藏；
}
.编号槽>[类别*=“列-”]{
左侧填充：0；
右边填充：0；
}
.中心{
文本对齐：居中；
}
titreSubNavBar先生{
字体大小：14px；
}
.指针{
光标：指针；
}
#标志{
左：15px；
位置：相对位置；
顶部：2个；
}
#海关1{
字体大小：2.1米；
位置：相对位置；
顶部：4px；
}
#customIcon2{
字体大小：20px；
左缘：5%；
}
#定制3{
字号：2em；
左：50%；
位置：绝对位置；
排名：0；
}
#定制4{
左：77%；
位置：绝对位置；
排名：0；
}
#定制5{
字号：2em；
}
#定制6{
字体大小：1.2米；
位置：绝对位置；
右：21%；
最高：20%；
}
#定制7{
字号：2em；
}
#定制8{
左缘：4%；
}
#定制9{
位置：相对位置；
右：4px；
}
#定制10{
字号：0.9em；
填充：3px 7px 5px 5px！重要；
位置：相对位置；
顶部：1px；
}
#定制11{
字号：0.9em；
填充：3px 7px 5px 5px！重要；
位置：相对位置；
右：5px；
顶部：1px；
}
#定制12{
位置：相对位置；
右：19px；
}
#新建项目按钮{
宽度：110px；
}
.任务集团{
背景色：白色；
边框底部：2px实心#e8e8e8；
盒影：0 3px 6px rgba（0,0,0,0.16），0 3px 6px rgba（0,0,0,0.23）；
左边距：0；
}
.任务名称{
字体大小：12px；
字号：500；
}
.任务分钟{
字体大小：11px；
字体大小：300；
}
.高度任务栏{
高度：60px；
}
.containerRightSidebar{
高度：60px；
线高：60px；
}
.blocInfoRightSidebar{
显示：内联块；
线高：正常；
垂直对齐：中间对齐；
}
.pointsRightSidebar{
底部：10px；
字号：3em；
位置：相对位置；
}
.轮{
背景图像：线性梯度（-180度，#e53935 50%，#ff9800 100%）；
边框：3px实心#e8e8e8；
边界半径：50%；
显示：内联块；
高度：25px；
边缘底部：18px；
宽度：25px；
}
.酒吧{
背景：#e8e8e8无重复滚动0；
显示：内联块；
身高：100%；
左边距：2倍；
右边距：-19px；
宽度：4px；
}
.rowGoal{
底部：8px；
位置：相对位置；
}
.containerGoalProgressbar{
边缘顶部：2倍；
}
.imageProfile{
边界半径：50%；
宽度：29px；
}
.profileName{
左边距：4倍；
}
#boutonAjoutProjet{
背景色：白色；
边界半径：50%；
底部：20px；
左：10px；
填充：17px 25px；
位置：固定；
}
钮扣{
大纲：中无；
}
thead tr:第一个孩子td:第一个孩子{
边框左上半径：15px；
}
thead tr:第一个孩子td:最后一个孩子{
边框右上角半径：15px；
}

DayWeekMonth8月31日&mdash；2015年9月6日星期二星期三星期四星期五星期六星期日12am1am2am3am4am5am6am7am8am9am10am11am12pm1pm2pm3pm4pm5pm6pm7pm8pm9pm10pm11pm
我在另一个答案中使用了圆角（圆角桌子不是真正的问题，我只是喜欢有圆角的桌子）。只是为了好玩，与问题无关，但您可以通过单击“项目”或“价格”标题对表格重新排序

CSS是您唯一需要的东西，只要您使用正确的表结构，它就会工作

我差点忘了提到，有一种方法可以创建圆角和折叠边框的表格（注意，与我的表格相比，您的单元格边框有多薄），但它涉及的内容要多得多，我可以尝试用一个新问题来处理这个问题


$（文档）.ready（函数（）{
var table=document.getElementById（'xtable'），
tableHead=table.querySelector（'thead'），
tableHeaders=tableHead.querySelectorAll（'th'），
tableBody=table.querySelector（'tbody'）；
tableHead.addEventListener（'click'，函数（e）{
var tableHeader=e.target，
textContent=tableHeader.textContent，
床头索引、分类、顺序；