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

filling half of a cell datepicker with a specific color

我目前在一家预订机构工作,我使用日期选择器作为预订日历。

点击时,是否可以只用不同颜色填充特定单元格的一半?例如红色。

这是向您展示我想要做什么的示例。

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

感谢您的帮助。

这里是 CSS 的一个片段,它将在 class withRedMark:

的单元格的左上角应用一个红色标记
.withRedMark {
  background: linear-gradient(135deg, red 15px, transparent 0, transparent);
}

或者对于单元格的一半,将 15px 更改为 50%(15px 是一个漂亮的小三角形,但重新阅读你的问题我发现 50% 可能对你更好)

以上内容在 Firefox 31.5 中有效……要更全面地解释 CSS3 渐变,包括跨浏览器兼容性,请查看这些优秀资源: