当鼠标悬停在颜色选择器上时更改产品颜色

<div class="color-picker-container">
  <input type="color" id="color-picker">
</div>

.color-picker-container {
  position: relative;
}

#color-picker {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

const colorPicker = document.getElementById('color-picker');
const targetElement = document.getElementById('target-element'); // 需要改变颜色的元素

colorPicker.addEventListener('change', function() {
  const color = colorPicker.value;
  targetElement.style.backgroundColor = color;
});