为什么我的颜色选择器与视频中的颜色选择器看起来如此不同？答案

【问题标题】：Why does my color picker look so different from the one in the video?为什么我的颜色选择器与视频中的颜色选择器看起来如此不同？
【发布时间】：2020-07-29 05:23:25
【问题描述】：

This is the color picker in a video I'm watching.

This is the how it looks like on my mac, it looks the same on my desktop PC...

我在两台机器上都使用最新版本的 Chrome，为什么它们看起来如此不同？如何更改颜色选择器的布局？

我正在学习 HTML5 中类型为颜色的标签“输入”。

【问题讨论】：

标签： javascript html css color-picker

【解决方案1】：

我在两台机器上都使用了最新版本的 Chrome，为什么它们看起来如此不同？

在基于 Chromium 的浏览器中有一个 recent effort to redo most of the input UI。

如何更改颜色选择器的布局？

你没有。这取决于使用的系统。如果你有一个必须使用的特定布局，你必须自己实现它。标准输入旨在由浏览器和操作系统控制，以便它们符合正在使用的系统上的 UI 实践。

【讨论】：

我只是在输入几乎完全一样的内容 :) 为了增加更多的特异性，视频的创建者可能在 OS X 上，可能使用的是 Safari 而不是 Chrome，而我猜 @Sil Zec 是在 Windows 上或Linux
您好，感谢您的回答！我有一台 macbook pro 和一台运行 win 10 的台式电脑，我在两台机器上都使用最新的 Chrome，第一张附图显示了 mac 上的颜色选择器另外，我不认为这与机器有关，因为如果是的，它在 mac 和 Win10 中肯定看起来不一样，而它们看起来完全一样。
刚刚检查了答案中的链接，这是颜色选择器的最终版本吗？我的意思是第一张图片中的那个看起来好多了，而且它有更多的选择，叹息。