Skip to content

Commit 6d01555

Browse files
author
minjk-bl
committed
add checkbox:disabled style with gray colored svg
1 parent 03994b2 commit 6d01555

2 files changed

Lines changed: 24 additions & 0 deletions

File tree

‎css/main.css‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -138,6 +138,10 @@ input[type=number]::-webkit-inner-spin-button { margin-left: 5px; }
138138
padding-left: 18px;
139139
cursor: pointer;
140140
}
141+
#vp-wrapper input[type=checkbox]:disabled + label,
142+
#vp-wrapper label input[type=checkbox]:disabled + span {
143+
color: var(--gray-color);
144+
}
141145
#vp-wrapper input[type=checkbox] + label::before,
142146
#vp-wrapper label input[type=checkbox] + span::before {
143147
content: '';
@@ -167,6 +171,20 @@ input[type=number]::-webkit-inner-spin-button { margin-left: 5px; }
167171
border: none;
168172
box-sizing: border-box;
169173
}
174+
#vp-wrapper input[type=checkbox]:disabled + label::before,
175+
#vp-wrapper label input[type=checkbox]:disabled + span::before {
176+
content: '';
177+
position: absolute;
178+
left: 0;
179+
top: 0;
180+
width: 15px;
181+
height: 15px;
182+
background: url(../resource/checkbox_gray.svg);
183+
background-size: 15px 15px;
184+
background-repeat: no-repeat;
185+
border: none;
186+
box-sizing: border-box;
187+
}
170188
#vp-wrapper input[type=text].vp-file-browser {
171189
color: #C4C4C4;
172190
font-style: normal;

‎resource/checkbox_gray.svg‎

Lines changed: 6 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)