删除颜色输入中的边框 [英] Remove the border inside color input

问题描述

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

我的页面上有一个使用新的颜色"类型输入的颜色选择器:

I have a color picker in my page using the new "color" type input:

<input type="color">

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

However, there is a black "border" inside the element which seems not able to be removed.

该字段内有一个1px的黑框.

There is a 1px black box inside the field.

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

I don't really want the box inside. Doing this:

-webkit-appearance: none;

没有帮助.

有解决方案吗?

推荐答案

尝试以下CSS规则集:

Try the following CSS ruleset:

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

这篇关于删除颜色输入中的边框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！