问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

如何能点击一个div从而展开一个select

头像
胡昊林
    761220

    clipboard.png

    dom结构大概如此

    clipboard.png

    如图是一个select，右边的蓝色div是我自己加上去的，也就是div.own-false-div，如果点击select其余区域的话是可以正常打开的，但是点击蓝色div时，由于点击的不是select，所以无法展开select

    我尝试过这样写，行不通
    clipboard.png

    然后我又尝试了这样写，结果也行不通
    clipboard.png

    求解如何才能在点击蓝色div的时候能将select展开呢？

    javascripthtml5css
    阅读 6.3k
    6 个回答
    得票最新
    头像
    small_dragon
      81951525
      ✓ 已被采纳

      把蓝色div设置成pointer-event:none;就可以了

      .own-false-div {
    pointer-events: none;
}
      头像
      michael_cai
        10.6k2840

        用一个label包住，for指向select

        头像
        xiaoxx
          4216

          试一试lable标签呢 看看行不？如果不行 就用ul li模拟一个下拉框吧 样式也好控制

          头像
          四月的桜和猫
            3.3k53055
            头像
            goto_sky
              1215

              那个是css3属性 试试focus

              头像
              菜lee
                7321330

                这种东西不应该用label嘛？

                撰写回答
                你尚未登录，登录后可以
                • 和开发者交流问题的细节
                • 关注并接收问题和回答的更新提醒
                • 参与内容的编辑和改进，让解决方法与时俱进
                推荐问题