如何定位通过HTML5的颜色输入打开的颜色选择器？

Question

今天我读到了HTML5的颜色输入,我想我试一试:

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

当我单击输入(在chrome和firefox中,在Windows上)时,会出现一个颜色选择器.但是,它位于屏幕的左上角,而不是输入上方.

这是一个已知的问题,将来会被"修复"吗？是否可以通过代码定位颜色选择器？或者这是浏览器无法做很多事情并且用户必须忍受的东西？

Answer 1

input类型的定位color是特定于浏览器的实现,在官方文档中,没有给定用户代理(即浏览器)的规则如何将其定位在页面元素上.这样就可以通过CSS进行自定义定位,或者不可能使用JavaScript.

但是,还有一些其他规则(例如,总是选择一种颜色,并且无法将值设置为空字符串.)

使用input类型时请记住color,Internet Explorer和Safari浏览器尚不支持它.