Rumah > hujung hadapan web > html tutorial > bootstrap的下拉框在firefox界面不友好的处理

bootstrap的下拉框在firefox界面不友好的处理

WBOY
Lepaskan: 2016-08-20 08:47:51
asal
1422 orang telah melayarinya

http://output.jsbin.com/titaki

以上这个链接在firefix浏览器打开就会发现里面有个小容器,而且下拉按钮样式跟不友好

上谷歌查了一下

1.小容器可以利用select:padding:0

2.下拉图标可以利用background-image;-moz-appearance:none把下拉框的样式去掉,然后

  

@-moz-document url-prefix() {
select.form-control {
-moz-appearance: none;
appearance: none;
background-image: url("../image/buy-other-down.png");
background-repeat: no-repeat;
background-position: calc(100% - 7px) 50%;
background-size: 15% auto;
border-radius:3px;
padding:0;
}
}

 

ps:那个小容器是可以用padding:0去掉 但是这样的话select就没有padding-left,界面也不友好;不知道怎么解决这个小容器的问题,还需要再摸索中,各位园友欢迎提建议

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan