我有几个 Flipclock 计数器。我正在寻找一种方法来隐藏“天”、“分钟”、“小时”、“秒”以及它们之间的分隔符。我知道我可以使用不同的“面孔”隐藏数字。
例如,使用小时计数器可以隐藏“天”,使用分钟计数器可以隐藏“天”和“小时”,使用每日计数器可以隐藏“秒”。但是,例如,如果我需要只留下“分钟”和“小时”并隐藏“秒”和“天”或只留下“小时”/“分钟”,我该怎么做?
使用 Daily Counter 作为基础,这是一个最快的 CSS 解决方案,而不是必须获得构建钟面的博士学位。您可以将其包装在自定义插件扩展中并构建您的参数集(hideSeconds、hideMinutes 等),然后应用适当的 CSS。
.flip-clock-divider.days,
.flip-clock-divider.hours,
.clock ul:nth-child(1),
.clock ul:nth-child(2),
.clock ul:nth-child(3)
{
display: none;
}
要隐藏标签:
.flip-clock-label{ display: none !important; }