我希望左側(cè)為綠色，右側(cè)為灰色。如上圖所示將是完美的。最好是一個(gè)純CSS解決方案（只需要擔(dān)心WebKit）。這樣的事情可能嗎？
3 回答
叮當(dāng)貓咪
TA貢獻(xiàn)1776條經(jīng)驗(yàn) 獲得超12個(gè)贊
這是一個(gè)小更新：
如果使用以下內(nèi)容，它將動(dòng)態(tài)更新，而不是釋放鼠標(biāo)。
“更改mousemove”功能
<script>
$('input[type="range"]').on("change mousemove", function () {
var val = ($(this).val() - $(this).attr('min')) / ($(this).attr('max') - $(this).attr('min'));
$(this).css('background-image',
'-webkit-gradient(linear, left top, right top, '
+ 'color-stop(' + val + ', #2f466b), '
+ 'color-stop(' + val + ', #d3d3db)'
+ ')'
);
});</script>
添加回答
舉報(bào)
0/150
提交
取消