[color-slider][channel-slider][space-picker]: <label for="id"> not attaching to htmlFor element

https://codepen.io/sidewayss/pen/Wbevapq

Open the console in CodePen and compare to JavaScript pane:
- Clicking on a label does not set focus to the element, it sets focus to the body.

I assume that the label should set focus to the `htmlFor` element because I see from [these code search results](https://github.com/search?q=repo%3Acolor-js%2Felements%20formAssociated&type=code) that these elements all have a version of this declared (this one is from ``):
```js
static formAssociated = {
like: el => el._el.picker,
role: "combobox",
changeEvent: "change",
};
```
It's harder to decipher in CodePen, but if you open [this original version of the pen](http://localhost/scratch/color-picker.html) on my personal site in Chrome, go to Dev Tools, the Issues tab in the console, you'll see "Incorrect use of