对于同一个案例我有两个设置(每个都有一个 fiddle ，基本上是关于一个 HTML 上传表单):
1) 在这一个中，<body> 的 id标签设置为“产品”。在这里，“选择文件”按钮具有正确的外观和感觉。但是，当我单击它时，它不会通过显示任何文件选择弹出窗口来使用react(它只会对“未选择文件按钮”文本字段使用react)。
https://jsfiddle.net/fvzw1woq/2/
2) 这里，<body>没有任何ID。 “选择文件”按钮的外观和感觉不佳，但单击它时 react 良好(以及“未选择文件按钮”文本字段)。
https://jsfiddle.net/nu2vt4gw/1/
重要提示:两个 fiddle 的 CSS 片段完全相同。
我努力想知道发生了什么，但我根本不知道原因是什么。你能帮助我吗？谢谢。
最佳答案
您的第一个 fiddle 中的问题是输入文件的 z-index。检查更新fiddle
div.uploader input {
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
border: none;
background: none;
position: absolute;
top: 0;
right: 0;
float: right;
cursor: default;
width: 100%;
height: 100%;
z-index: 9999999; // add this line
}
关于javascript - CSS 设置避免在单击时出现上传弹出窗口，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50319551/