shadow dom progress/range

[현정]

저는 왜 progress랑 range 적용이 안될까요ㅠㅠ 

<input type="file">
    <progress value="0.5"></progress>
    <input type="range">

 

 input[type=range]::-webkit-slider-thumb {
            appearance:none;
            background:red;
            width:50px;height:50px;
        }

progress {  -webkit-appearance: none;
            -moz-appearance : none;
            appearance: none;
            background: white; color: red;
            }
            progress::-webkit-progress-bar {
            background-color: #eee;
            border-radius: 2px;
            }
            progress::-webkit-progress-value {
            background-color: red;
            border-radius: 2px;
            }
 progress::-moz-progress-bar {
            background-color: red;
            border-radius: 2px;
            }

[codingapple]

input[type=range] {
-webkit-appearance: none;
}

이걸 먼저 줘야되고 그런게 정해져있습니다 

예시 찾아보는게 속편합니다 https://www.cssportal.com/style-input-range/

[글쓴이]

글