用特定颜色填充一半的单元格日期选择器

Question

我目前正在为预订代理机构工作，我使用datepicker作为预订日历。

单击时，是否可以仅填充具有不同颜色的特定单元格的一半？例如红色。

这是一个向您展示我想做的事情的例子。

我需要这个来表明预订从半天开始。

感谢您的帮助。

Answer 1

这是一个CSS片段，它将红色标记应用于类withRedMark的单元格的左上角：

.withRedMark {
  background: linear-gradient(135deg, red 15px, transparent 0, transparent);
}

或者对于一半的单元格，将15px更改为50%（15px会形成一个漂亮的小三角形，但重新阅读您的问题，我看到50％可能对您更好）< / p>

以上适用于Firefox 31.5 ...有关CSS3渐变的更全面解释，包括跨浏览器兼容性，请查看这些优秀资源：

• http://webdesignerwall.com/tutorials/cross-browser-css-gradient
• https://css-tricks.com/css3-gradients/