在一个按钮中包装输入，点击按钮响应

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/