2015-06-28 71 views
1

我有幾個Flipclock計數器。我正在尋找一種方法來隱藏「天」,「分鐘」,「小時」,「秒」和它們之間的分隔線。我知道我可以使用不同的「面孔」隱藏數字。例如,與hourly counter我可以隱藏「天」,與minute counter我可以隱藏「天」和「小時」,並與Daily Counter我可以隱藏「秒」。但是,如果我需要例如只留下「分鐘」和「小時」並且隱藏「秒」和「日」或僅留下「小時」/「分鐘」,我該怎麼辦?Flipclock:隱藏「天」,「分」,「小時」,「秒」和分隔符

回答

10

使用Daily Counter作爲基礎,下面是一個CSS解決方案,它是繪製最快的,而不是在建築鐘面上獲得博士學位。您可以將其封裝在自定義插件擴展中,並構建一組參數(hideSeconds,hideMinutes等),然後應用相應的CSS。

Link

.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; 
} 
1

要隱藏標籤:

.flip-clock-label{ display: none !important; } 
+0

不知道這是否幫助了OP,但它幫助我!這是我試圖找到隱藏標籤的方式時發佈的第一篇文章。 (我也不需要「!important」插件,FWIW。) –

相關問題