Javascript 引导默认表单输入即使在单击标签区域时也会打开。我如何防止这种情况？

我想在此旁边附加一个“浏览”按钮，仅允许该按钮打开文件浏览器，但是现在如果单击分区上的任何位置，文件浏览器将打开。建议

选择文件

引导程序的文件输入只是标签顶部的一个

，样式类似于输入字段；因此，当您单击“输入”时，您单击的是

标签

，该标签对

输入

进行了引用，其

属性为

我认为您必须稍微调整输入本身的样式，将其放置在
按钮
的“后面”，使其能够像您所希望的那样工作，并且删除标签对输入的引用，使其不会打开


。自定义文件输入{
位置：绝对！重要；
z指数：2；
宽度：80px！重要；
高度：计算（1.5em+0.75rem+2px）；
保证金：0；
不透明度：0；
右：0；
}

选择文件
引导程序的文件输入只是标签顶部的一个
，样式类似于输入字段；因此，当您单击“输入”时，您单击的是
标签
，该标签对
输入
进行了引用，其
属性为

我认为您必须稍微调整输入本身的样式，将其放置在
按钮
的“后面”，使其能够像您所希望的那样工作，并且删除标签对输入的引用，使其不会打开


。自定义文件输入{
位置：绝对！重要；
z指数：2；
宽度：80px！重要；
高度：计算（1.5em+0.75rem+2px）；
保证金：0；
不透明度：0；
右：0；
}

选择文件
谢谢！对于我的问题，我认为这是正确的。如果您不介意的话，附带问题是，这在使用reactjs时会有任何影响吗？老实说，我不知道，因为我没有使用reactjs，但是我认为这不会有任何影响，因为这些纯粹是针对示例中详述的类的CSS更改，与JavaScript或类似的东西没有任何关系谢谢！对于我的问题，我认为这是正确的。如果您不介意的话，附带问题是，这在使用reactjs时会有任何影响吗？老实说，我不知道，因为我没有使用reactjs，但是我不认为这会有任何影响，因为这些纯粹是针对示例中详述的类的CSS更改，与JavaScript或类似的内容没有任何关系