Как позиционировать подборщик цветов, открытый через цветной ввод HTML5?

Сегодня я прочитал о вводе цвета в HTML5 и решил попробовать:

<input type="color" name="background" id="background" value="#ff0000">

Ответ 1

Позиционирование input типа color - это специфическая для браузера реализация, в официальной документации нет никакого правила для user-agents (т.е. браузеры), как разместить его над элементом страницы. Это делает пользовательское позиционирование с помощью CSS, например, JavaScript недоступен.

Однако существуют и другие правила (например, есть всегда выбранный цвет, и нет способа установить значение в пустую строку.)

Имейте в виду, что при использовании input типа color браузер Internet Explorer и Safari еще не поддерживает его.