@@ -104,14 +104,15 @@ body {
104104}
105105# vp-wrapper input [type = number ] {
106106 font-size : 14px ;
107- line-height : 16px ;
108- padding : 3px 7px ;
109- color : var (--font-primary );
110- background : # FFFFFF ;
111- outline : none;
112- border : 0.25px solid var (--border-gray-color );
113- box-sizing : border-box;
114- text-align : right;
107+ line-height : 30px ;
108+ height : 30px ;
109+ padding : 3px 3px ;
110+ color : var (--font-primary );
111+ background : # FFFFFF ;
112+ outline : var (--highlight-color );
113+ border : 0.25px solid var (--border-gray-color );
114+ box-sizing : border-box;
115+ text-align : right;
115116}
116117# vp-wrapper input [type = number ]::placeholder {
117118 text-align : left;
@@ -137,6 +138,10 @@ input[type=number]::-webkit-inner-spin-button { margin-left: 5px; }
137138 padding-left : 18px ;
138139 cursor : pointer;
139140}
141+ # vp-wrapper input [type = checkbox ]: disabled + label ,
142+ # vp-wrapper label input [type = checkbox ]: disabled + span {
143+ color : var (--gray-color );
144+ }
140145# vp-wrapper input [type = checkbox ] + label ::before ,
141146# vp-wrapper label input [type = checkbox ] + span ::before {
142147 content : '' ;
@@ -166,6 +171,20 @@ input[type=number]::-webkit-inner-spin-button { margin-left: 5px; }
166171 border : none;
167172 box-sizing : border-box;
168173}
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+ }
169188# vp-wrapper input [type = text ].vp-file-browser {
170189 color : # C4C4C4 ;
171190 font-style : normal;
0 commit comments