在一個按鈕中包裝輸入，點擊按鈕響應

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/