Html 为什么跨距位于可点击的选择按钮后面？

为什么

span

元素即使在

select

元素的“后面”也可以单击

span{
颜色：红色；
显示：块；
}
挑选{
字体大小：粗体；
字体大小：15px；
显示：块；
利润上限：-20px；
}

测试
你好，世界

因为第一个选项为空

稍微澄清一下前面的内容

span{
颜色：红色；
显示：块；
背景颜色：蓝色；
光标：帮助；
}
挑选{
字体大小：粗体；
字体大小：15px；
显示：块；
利润上限：-20px；
}

测试
你好，世界

它不是在它后面，而是在它前面，否则你看不到它的内容我认为这更像是一个问题“为什么选择在跨度后面，尽管它在DOM中是有序的”伙计们-在选择中选择第二个选项-你会看到选择明显在顶部它看起来像是负边距，将选择框向上拉，与

display结合使用：block

改变常规流程（它不依赖于

选择
）@maiman在您的情况下，span位于div前面，应该可以单击。在问题中，它在后面…斯潘在前面（有问题的和我的小提琴）；我不明白的是为什么span的背景在div后面，而text在上面。。（使用
display:block
）@vals这似乎更像是我问题的附加内容，而不是答案。它没有解释为什么选择元素在所选选项没有“覆盖”选择时允许“点击”，或者如何防止它。