javascript - ボタンにラップされた入力、ボタンのクリックで応答

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/