html - 删除颜色输入内的边框

Question

演示:http://jsfiddle.net/WpJRk/

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

<input type="color">

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

There is a 1px black box inside the field.

我真的不想要里面的盒子。这样做:

-webkit-appearance: none;

没有帮助。

有什么解决办法吗？

Answer 1

尝试以下 CSS 规则集:

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