Javascript 将输入包装在按钮中，单击按钮时响应

我想要达到的是始终如一的行为。单击输入字段时，将显示颜色选择器。当我点击包裹它的按钮时，我想要同样的行为

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

颜色

---

.

只需遵循输入的

。单击（）
这应该可以：

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


颜色