javascript - 将输入包装在按钮中，响应按钮单击

Question

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

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

JSF中。

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/