自定义css选择菜单在chrome的底部被截断

时间:2014-03-26 05:55:53

标签: javascript jquery html css google-chrome

这是指向我的页面的链接: http://2plygraphics.com/im-here/

我使用:before和:after伪标签自定义选择菜单和表单元素。还有很多javascript制作隐藏/显示等。

如果您在Chrome中查看该页面,您会注意到在第一次点击页面中的任何选择菜单时,菜单内容会在底部被截断。点击一次后,所有菜单都按设计工作。它似乎也是一个复合问题,因为如果一个菜单有11个项目,那么它将被切断多个包含2个项目的项目。刷新页面后,问题再次发生......

我已经尝试更改或删除行高,填充,边距,溢出方法等。开始失去视角......任何帮助将不胜感激。

好的,这是行动中的图像:
http://i59.tinypic.com/33ljm35.png

我在Windows 7中使用Chrome版本33.0.1750.154 m

测试了这个

更新

有没有人有任何解决此问题的建议?我想可能会在其中一个选择菜单上点击一下来进行激活"激活"页面加载后......

1 个答案:

答案 0 :(得分:2)

我在Chrome / Win8.1中遇到了同样的问题,我可以通过删除css中select元素的font-family设置来解决这个问题。没有这一切,一切都像它应该的那样。