Javascript 如何使选择覆盖成为div而不使选择在视觉上更大?

Javascript 如何使选择覆盖成为div而不使选择在视觉上更大?,javascript,html,css,Javascript,Html,Css,我有一个div,其中包含元素和输入的标签。现在,当你点击输入时,会出现一个下拉菜单。但是,他们希望我能够单击div上的任意位置并打开下拉菜单。这似乎是不可能的,但也许你能帮我让它成为可能 以下是输入: 我想能够点击任何地方:空白,标题等,并打开下拉菜单 .lone-input-container{ 上边缘:0.75雷姆; 底部边缘:0.75雷姆; 显示:内联-块; 位置:相对位置; 宽度:100%; 边框宽度:1像素; --边界不透明度:1; 边框颜色:#BAC9D9; 边框颜色:rgba(

我有一个div,其中包含元素和输入的标签。现在,当你点击输入时,会出现一个下拉菜单。但是,他们希望我能够单击div上的任意位置并打开下拉菜单。这似乎是不可能的,但也许你能帮我让它成为可能

以下是输入:

我想能够点击任何地方:空白,标题等,并打开下拉菜单

.lone-input-container{
上边缘:0.75雷姆;
底部边缘:0.75雷姆;
显示:内联-块;
位置:相对位置;
宽度:100%;
边框宽度:1像素;
--边界不透明度:1;
边框颜色:#BAC9D9;
边框颜色:rgba(186201217,
var(-border-opacity));
边界半径:0.5雷姆;
填充:0.75雷姆;
顶部填充物:0.5雷姆;
底部填充物:0.5雷姆;
填充-顶部:0;
}
.lone-输入-容器-标题{
字体大小:10px;
--文本不透明度:1;
颜色:#788EA4;
颜色:rgba(120142164,var(--文本不透明度));
}
.选择输入{
字体大小:16px;
宽度:100%;
}

丹斯奎尔省哈比特斯你呢?
阿尔伯塔省
哥伦比亚不列颠
马尼托巴省
新不伦瑞克省
新地球和拉布拉多
西北地区
新埃科斯
努纳武特
安大略
Île du Prince-Édouard
魁北克省
萨斯喀彻温省
育空地区

没有办法做到这一点。看,我明白了,但是没有办法让select更大(只有“hitbox”),但要让它看起来尽可能小。看起来它只占用了实际占用的空间,但实际上它覆盖了所有的div?我知道这是不可能做到的,甚至,我在我的文章末尾提到了它。不,你不能改变元素的“hitbox”
.click()
也不起作用。您需要一个自定义的
实现。好的,谢谢!我会努力做到这一点…没有办法做到这一点。看,我明白了,但是没有办法让select更大(只有“hitbox”),但要让它看起来尽可能小。看起来它只占用了实际占用的空间,但实际上它覆盖了所有的div?我知道这是不可能做到的,甚至,我在我的文章末尾提到了它。不,你不能改变元素的“hitbox”
.click()
也不起作用。您需要一个自定义的
实现。好的,谢谢!我会尽力做到的。。。