删除颜色输入内的边框

Question

示范：http://jsfiddle.net/WpJRk/

我的页面中有一个颜色选择器，使用新的“颜色”类型输入：

<input type="color">

但是，元素内部有一个黑色的“边框”，似乎无法移除。

  

场内有一个1px的黑匣子。

我真的不想让盒子在里面。这样做：

-webkit-appearance: none;

无济于事。

任何解决方案？

Answer 1

尝试以下CSS规则集：

input::-webkit-color-swatch {
    border: none;
}

Answer 2

你的jsFiddle没有显示方框。 （至少对我来说）

Answer 3

以下插件怎么样？

http://jscolor.com/

Answer 4

我认为你不能做你想做的事。

<input type="color">旨在显示颜色选择器，以便元素表示它的作用，默认为颜色为黑色。你可以改变颜色值，就像你所做的那样，以匹配背景颜色（input type="color">不能有空值），但你仍然需要与边框相抗衡。