diff --git a/PACS_DICOM处理/数据处理网页端/static/styles.css b/PACS_DICOM处理/数据处理网页端/static/styles.css index 46884cc..b310463 100644 --- a/PACS_DICOM处理/数据处理网页端/static/styles.css +++ b/PACS_DICOM处理/数据处理网页端/static/styles.css @@ -623,8 +623,50 @@ button:disabled { width: 28px; height: 100%; writing-mode: vertical-lr; - direction: rtl; - accent-color: var(--cyan); + direction: ltr; + appearance: none; + -webkit-appearance: none; + background: transparent; + cursor: pointer; +} + +#sliceSlider::-webkit-slider-runnable-track { + width: 4px; + height: 100%; + border-radius: 999px; + background: rgba(146, 163, 186, 0.38); +} + +#sliceSlider::-webkit-slider-thumb { + width: 16px; + height: 16px; + margin-left: -6px; + border: 2px solid #d8fbff; + border-radius: 999px; + background: var(--cyan); + box-shadow: 0 0 0 3px rgba(25, 212, 194, 0.16); + -webkit-appearance: none; + appearance: none; +} + +#sliceSlider::-moz-range-track { + width: 4px; + height: 100%; + border-radius: 999px; + background: rgba(146, 163, 186, 0.38); +} + +#sliceSlider::-moz-range-progress { + background: transparent; +} + +#sliceSlider::-moz-range-thumb { + width: 14px; + height: 14px; + border: 2px solid #d8fbff; + border-radius: 999px; + background: var(--cyan); + box-shadow: 0 0 0 3px rgba(25, 212, 194, 0.16); } #sliceText {