Question

html5中的<input type="color"/>

我选取颜色后框里面预览的颜色太小了，怎么让他平铺整个框啊

Answer 1

那是默认样式，改起来麻烦，你可以使用<label>来对input框进行间接选择，

你把input标签的代码替换了

<input type="color" id="user_color" style="display:none;"/><label for="user_color">我的样式任意改</label>

input默认样式都不好看，这样间接的点击就行了，你可以将label标签的样式写成你需要的

Answer 2

input{
   width: 100px;
   height: 50px;
   padding: 0;
   border: 0;
   background: #fff;
   outline: none;
}

Answer 3

他是默认两个div，你这样的话只会填充一个
#color{border: 0; outline:none}
::-webkit-color-swatch-wrapper{background-color:#ffffff;}
::-webkit-color-swatch{position: relative;}
/*说明*/
::-webkit-color-swatch-wrapper 这个是外面的容器
::-webkit-color-swatch 这个是内部的颜色按钮，改变颜色后会改变