Fix display issue with html checkbox

This commit is contained in:
tecosaur 2020-01-21 02:11:50 +08:00
parent 4e89f01515
commit fb776253bb
1 changed files with 6 additions and 6 deletions

View File

@ -532,10 +532,10 @@ colours from our [[Theme]] gets used, we benefit from customising the code block
top: 4px;
position: relative;
}
li.on .checkbox { background: var(--theme-green); box-shadow: 0 0 2px var(--theme-green); }
li.trans .checkbox { background: var(--theme-orange); box-shadow: 0 0 2px var(--theme-orange); }
li.off .checkbox { background: var(--theme-red); box-shadow: 0 0 2px var(--theme-red); }
li.on .checkbox::after {
li.on > .checkbox { background: var(--theme-green); box-shadow: 0 0 2px var(--theme-green); }
li.trans > .checkbox { background: var(--theme-orange); box-shadow: 0 0 2px var(--theme-orange); }
li.off > .checkbox { background: var(--theme-red); box-shadow: 0 0 2px var(--theme-red); }
li.on > .checkbox::after {
content: '';
height: 0.45em;
width: 0.225em;
@ -549,7 +549,7 @@ colours from our [[Theme]] gets used, we benefit from customising the code block
top: 0.45em;
position: absolute;
}
li.trans .checkbox::after {
li.trans > .checkbox::after {
content: '';
font-weight: bold;
font-size: 1.6em;
@ -562,7 +562,7 @@ colours from our [[Theme]] gets used, we benefit from customising the code block
opacity: 0.9;
border-radius: 0.1em;
}
li.off .checkbox::after {
li.off > .checkbox::after {
content: '✖';
color:#fff;
opacity: 0.9;