h5活動需要插入音頻,但又需要自定義樣式,于是自己寫咯
html
XML/HTML Code復(fù)制內(nèi)容到剪貼板
- <!-- cur表示當(dāng)前時間 max表示總時長 input表示進(jìn)度條 -->
- <span class='cur'></span><input type="range" min=0 max=100 class='range' value=0><span class='max'></span>
css
CSS Code復(fù)制內(nèi)容到剪貼板
- /* 進(jìn)度條 */
- .range {
- width: 5.875rem;
- height: 0.15rem;
- background: #2386e4;
- border-radius: 0.25rem;
- -webkit-appearance: none !important;
- position: absolute;
- top: 3.55rem;
- left: 6rem;
- }
- /* 進(jìn)度滑塊 */
- .range::-webkit-slider-thumb {
- width: 0.5rem;
- height: 0.5rem;
- background: #fff;
- border: 1px solid #f18900;
- cursor: pointer;
- border-radius: 0.25rem;
- -webkit-appearance: none !important;
- }
【網(wǎng)站聲明】本站除付費源碼經(jīng)過測試外,其他素材未做測試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請勿用于商業(yè)用途。如損害你的權(quán)益請聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。