【下拉框有效区域问题 _表单元素】

下拉框有效区域问题

我也踩过这个坑( 3 )

已统计您的踩坑,无需重复点击

回答(4)

表单元素

详细描述

截图

代码

<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                <ul>
                    <li class="dropdown dropdown-menu-left text-center">
                        <a href="#" class="dropdown-toggle  text-center" data-toggle="dropdown">
                            所在地
                            <b class="caret btn-large triangle"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#">北京</a></li>
                            <li><a href="#">上海</a></li>
                            <li><a href="#">广州</a></li>
                            <li><a href="#">福州</a></li>
                            <li><a href="#">厦门</a></li>
                        </ul>
                    </li>
                </ul>
            </div>

编辑于2024-11-24

时间排序

热门排序

[上海|荣耀师兄]JS-周能
0

你触发下拉框是用a标签来触发的下拉框，所以只有点击文字才会显示下拉框，点击空白处没有作用，这里的话可以用父元素来触发下拉框列表，比如用你的最外层的div元素来触发下拉宽列表，这样不管点击文字还是空白区域都可以触发下拉类表

查看全部>

编辑于2018-09-21
[成都|荣耀师兄]JS-李文龙
0

如果你是用a标签来触发悬停效果，那肯定是只有a标签的范围内才会有效，一个方法就是让它表现为块级元素，再让其大小等于父级元素，还有一个方法就是让父级元素来触发悬停效果

查看全部>

编辑于2018-11-17
[上海|]JS-
0

你这是绑定的hover没有绑定在父元素上去，绑定在子元素上才会出现你现在这个效果

查看全部>

编辑于2019-08-31
[北京|结业弟子]JS-李珅颖
0

既然使用a标签了，那么可以把a标签设置成块元素，然后设置宽度为width：100%,然后文字居中，这样就能点击空余的地方也能出现下拉效果了。

查看全部>

编辑于2019-11-09

去第页