首页 新闻 会员 周边 捐助

select 下拉框

0
悬赏园豆:30 [待解决问题]
 小白求助各位大神( •̀∀•́ )
自己在做select下拉框时,外边用div把select套起来,为了把select的小三角隐藏,就超出部分隐藏了,但是,下拉列表时,小三角是隐藏了,option还是会超出来,隐藏不了他,option宽度高度还都无法设置。 ╭(°A°`)╮  求解讷 
落雨如画的主页 落雨如画 | 初学一级 | 园豆:172
提问于:2017-02-19 23:24
< >
分享
所有回答(2)
0

可以用:

select {
  -webkit-appearance: none;
     -moz-appearance: none;
}

去掉默认样式

by.Genesis | 园豆:2824 (老鸟四级) | 2017-02-20 10:21

这个可以,但是在IE当中还是会出现类似的问题,兼容没那么好😳

支持(0) 反对(0) 落雨如画 | 园豆:172 (初学一级) | 2017-02-20 12:44

@落雨如画: IE 不支持这个属性,不过 Edge 可以

支持(0) 反对(0) by.Genesis | 园豆:2824 (老鸟四级) | 2017-02-20 13:04

@by.Genesis: 对,就为了兼容IE所以才在外面套div    再隐藏,结果后面option就溢出了  😪

支持(0) 反对(0) 落雨如画 | 园豆:172 (初学一级) | 2017-02-20 17:40
0

想兼容IE只能自己去模拟select

_zhiqiu | 园豆:207 (菜鸟二级) | 2017-02-22 19:37

谢谢丫  解决了  bootstrap框架  解决一切小问题😄

支持(0) 反对(0) 落雨如画 | 园豆:172 (初学一级) | 2017-02-23 00:23
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册