在按钮中包裹输入，按下按钮响应

Question

我想要实现的是一致的行为。当我们单击输入字段时，颜色选择器会出现。当我点击包装它的按钮时，我想要相同的行为。

<button class="btn btn-small my-btn">
  Color <input type="color" value="#33aabb">
</button>

JSFiddle

Answer 1

只需按照输入的.click() http://jsfiddle.net/J73dK/1/

Answer 2

这应该有效：

<button class="btn btn-small my-btn" onclick="this.querySelector('input').click()">
    Color <input type="color" value="#33aabb">
</button>

http://jsfiddle.net/C2wj2/