Html 指针光标不显示

我用ReactJS来做这个。我的页面上有一个自定义上载图像按钮

。上传btn包装器{
位置：相对位置；
溢出：隐藏；
显示：内联块；
光标：指针；
}
.upload btn包装器输入[类型=文件]{
字体大小：100px；
位置：绝对位置；
左：0；
排名：0；
不透明度：0；
}

改变形象

上传btn包装输入[type=file]

设置为

位置：绝对因此包含整个
上传btn包装
块。换句话说，您的锚点位于绝对定位的输入后面，因此您无法将鼠标悬停在其上

您可以将
z-index
添加到锚定标记以将其向上移动一步，或者使用负
z-index
将输入移到后面
上载btn包装输入[type=file]
设置为
位置：绝对因此包含整个
上传btn包装
块。换句话说，您的锚点位于绝对定位的输入后面，因此您无法将鼠标悬停在其上

您可以将
z-index
添加到锚定标记以将其向上移动一步，或者使用负
z-index
将输入移到后面。还有一个问题是，绝对位置导致绝对位置元素在外部元素中不填充任何空间，因此，它缩小到最小的可能大小，不包括绝对定位的一个，使它相当小…谢谢你，工作完美。我刚刚使用了z-index:-1还有一个问题，即绝对位置导致绝对位置元素不填充外部元素中的任何空间，因此它会缩小到尽可能小的尺寸（不包括绝对位置元素），使其非常小……谢谢您，这非常有效。我刚刚使用了z-index:-1不确定您在这里要做什么，但问题是HTML中没有类名。。。它应该是class=“upload btn wrapper”。基本上你的课从来没有申请过。@NawedKhan请完整阅读问题。我使用的是ReactJS，这不是简单的HTML。类名编译为类。尽管我没有指定在我的JS文件中使用ES6，但在使用ReactJS时看到类名是非常典型的。我不确定您在这里要做什么，但问题是在HTML中没有类名。。。它应该是class=“upload btn wrapper”。基本上你的课从来没有申请过。@NawedKhan请完整阅读问题。我使用的是ReactJS，这不是简单的HTML。类名编译为类。尽管我没有指定我在JS文件中使用ES6，但在使用ReactJS时看到className是非常典型的