From 0ed8578625579e9d32c726790d0bd0c41c9410a8 Mon Sep 17 00:00:00 2001 From: yxw <17074267@qq.com> Date: Tue, 31 Oct 2023 19:06:14 +0800 Subject: [PATCH] refix --- css/app.css | 51 ++++++++++++++-------------- volume.html | 96 +++++++++++++++++++++++++++++++---------------------- 2 files changed, 84 insertions(+), 63 deletions(-) diff --git a/css/app.css b/css/app.css index aa87703..5becffa 100644 --- a/css/app.css +++ b/css/app.css @@ -528,12 +528,31 @@ body { background-image: url(../images/button.png); } +.slider-value{ + border: none; + background: #000; + box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.35), 0 2px 0 rgba(255, 255, 255, 0.15); + color: #fff; + border-radius: 5px; +} + +.slider-value:focus{ + border: none; + background: #000; + box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.35), 0 2px 0 rgba(255, 255, 255, 0.15); + color: #fff; + border-radius: 5px; + outline: none; +} + .volume-ruler { position: relative; width: 14px; - height: 300px; + height: 250px; + margin-top: 20px; + margin-bottom: 20px; } .volume-ruler .cm { @@ -565,56 +584,40 @@ body { top: 0%; } -.volume-ruler .cm:nth-of-type(1):after { - content: "0"; -} .volume-ruler .cm:nth-of-type(2) { top: 16.6666%; } -.volume-ruler .cm:nth-of-type(2):after { - content: "1"; -} .volume-ruler .cm:nth-of-type(3) { top: 33.3333%; } -.volume-ruler .cm:nth-of-type(3):after { - content: "2"; -} .volume-ruler .cm:nth-of-type(4) { top: 50%; } -.volume-ruler .cm:nth-of-type(4):after { - content: "3"; -} .volume-ruler .cm:nth-of-type(5) { top: 66.6666%; } -.volume-ruler .cm:nth-of-type(5):after { - content: "4"; -} - .volume-ruler .cm:nth-of-type(6) { top: 83.3333%; } - -.volume-ruler .cm:nth-of-type(6):after { - content: "5"; -} - .volume-ruler .cm:nth-of-type(7) { top: 100%; } -.volume-ruler .cm:nth-of-type(7):after { - content: "6"; + +.volume-ruler .cm>span{ + position: absolute; + right: -25px; + top: -7px; + font: 11px/1 sans-serif; + color: #555; } diff --git a/volume.html b/volume.html index f5df57d..df148a4 100644 --- a/volume.html +++ b/volume.html @@ -38,7 +38,7 @@