我希望左側為綠色，右側為灰色。如上圖所示將是完美的。最好是一個純CSS解決方案（只需要擔心WebKit）。這樣的事情可能嗎？
3 回答
叮當貓咪
TA貢獻1776條經驗 獲得超12個贊
這是一個小更新：
如果使用以下內容，它將動態更新，而不是釋放鼠標。
“更改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>
- 3 回答
- 0 關注
- 623 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消