如何为颜色标签的颜色选择器设置边框半径？

Question

我尝试了很多方法并进行了很多搜索。我仍然不知道如何为颜色选择器设置border-radius。

PS：我说的是颜色选择器的边界半径

input[type="color"]:first-child
{
padding:0;
margin:0;
border:none;
box-shadow:none;
border-radius:100px;
background:none;
margin-bottom:20px;
}

input[type="color"]:nth-child(2)
{
padding:0;
margin:0;
border:none;
box-shadow:none;
border-radius:100px;
background:#f0bc12;
outline:none;
}

input[type="color" i]
{
border-radius:4px; 
border:none;
height:40px;  
width:100px; 
display:block;
}

<input type="color" name="color" value="#37a131">

<input type="color" name="color" value="#f0bc12">

1. 我可以删除颜色标签的默认背景，但不能为颜色选择器设置边框半径（请参阅第一个输出）
2. 我可以更改颜色标签的背景，但不能删除颜色选择器的边框（请参见第二个输出）

这可能吗？

感谢您的帮助。

Answer 1

尝试一下：

service "httpd" do
  action :nothing
end

演示：http://jsfiddle.net/1os9250n/2/