Input[type=‘color’] 标签去除内置阴影

H5 Input[type='color’] 标签去除内置阴影，如下图所示：

解决如下：

<input type="color" value="#ff0000">
<style>
  input[type="color"] {
    -webkit-appearance: none;
    border: none;
    padding: 0;
    border-radius: 2px;
  }

  input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
    margin: 0;
  }

  input[type="color"]::-webkit-color-swatch {
    border: none;
    border-radius: 2px;
  }
</style>

效果如下图：