diff --git a/projects/IoTCenter/Views/Home/Node.cshtml b/projects/IoTCenter/Views/Home/Node.cshtml index 7e4ccc03..7b68c6fd 100644 --- a/projects/IoTCenter/Views/Home/Node.cshtml +++ b/projects/IoTCenter/Views/Home/Node.cshtml @@ -109,32 +109,33 @@ input[type='range'] { -webkit-appearance: none; + background: cadetblue; display: inline-block; width: 100%; height: 15px; margin: 10px 0; } - .hue { - background: -webkit-linear-gradient(left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%,#00F 66.66%, #F0F 83.33%, #F00 100%); - } + input[type='range'].hue { + background: -webkit-linear-gradient(left, #F00 0%, #FF0 16.66%, #0F0 33.33%, #0FF 50%,#00F 66.66%, #F0F 83.33%, #F00 100%); + } - .saturation { - background: -webkit-linear-gradient(left, #fff 0%, green 100%); - } + input[type='range'].saturation { + background: -webkit-linear-gradient(left, #fff 0%, green 100%); + } - .brightness { - background: -webkit-linear-gradient(left, #000 0%, #fff 100%); - } + input[type='range'].brightness { + background: -webkit-linear-gradient(left, #000 0%, #fff 100%); + } - input[type='range']::-webkit-slider-thumb { - -webkit-appearance: none; - background-color: transparent; - height: 30px; - width: 30px; - border: 15px solid rgba(230,230,230,0.8); - border-radius: 50%; - } + input[type='range']::-webkit-slider-thumb { + -webkit-appearance: none; + background-color: transparent; + height: 30px; + width: 30px; + border: 15px solid rgba(230,230,230,0.8); + border-radius: 50%; + } canvas { width: 100%; @@ -352,7 +353,7 @@ 饱和度
- +
@@ -364,7 +365,7 @@ 亮度
- +
@@ -380,13 +381,13 @@