用特定颜色填充单元格日期选择器的一半
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 渐变,包括跨浏览器兼容性,请查看这些优秀资源:
我目前在一家预订机构工作,我使用日期选择器作为预订日历。
点击时,是否可以只用不同颜色填充特定单元格的一半?例如红色。
这是向您展示我想要做什么的示例。
我需要这个来表明预订从一天的半天开始。
感谢您的帮助。
这里是 CSS 的一个片段,它将在 class withRedMark
:
.withRedMark {
background: linear-gradient(135deg, red 15px, transparent 0, transparent);
}
或者对于单元格的一半,将 15px
更改为 50%
(15px 是一个漂亮的小三角形,但重新阅读你的问题我发现 50% 可能对你更好)
以上内容在 Firefox 31.5 中有效……要更全面地解释 CSS3 渐变,包括跨浏览器兼容性,请查看这些优秀资源: