Javascript el）{ $（el.css（'background-color'，'#'+hex）； $（el.colpickHide（）； } }) .css（'background-color'，'#ff8800'）； 函数输出更新（vol）{ document.qu

el）{ $（el.css（'background-color'，'#'+hex）； $（el.colpickHide（）； } }) .css（'background-color'，'#ff8800'）； 函数输出更新（vol）{ document.querySelector（“#volume”）.value=vol； }

。颜色框{
宽度：20px；
高度：20px；
保证金：5px；
边框：1px纯黑；
}
.组控制输入，
跨度
输出{
显示：内联块；
}

第一组：
50
50
50

首先，在

中缺少
首先，在
中缺少
html中有一个错误。需要在开始标记1）上添加缺少的
，那么当它位于span中时，我如何定义框大小？@cwodwrth无论是span还是div，您都需要
display:inline block
使其1）具有大小，2）显示为内联。@cdubbs，我已经更新了答案和代码以完全工作。让我知道这是否有帮助，我是否应该澄清任何事情html中存在错误。需要在开始标记1）上添加缺少的
，那么当它位于span中时，我如何定义框大小？@cwodwrth无论是span还是div，您都需要
display:inline block
使其1）具有大小，2）显示为内联。@cdubbs，我已经更新了答案和代码以完全工作。让我知道这是否有帮助，如果我需要澄清什么
$('.fader').on('input', function() {

    var vol = $(this).val();
    $(this).next('.volume').val(vol);

});

.group-controls input,span,output{
  display:inline-block;
}