Firefox没有显示下拉列表

时间:2015-08-18 20:54:30

标签: javascript html google-chrome firefox tapestry

我有一个奇怪的问题。我的网站在Firefox和Chrome中的显示略有不同。

以下是 Firefox:中的样子 Firefox Screenshot

以下是 Chrome:的假设方式 Chrome Screenshot

我在Chrome中突出显示了下拉列表的标记,如在Firefox中看到的那样,它也在HTML中。我不确定为什么它被彻底排除在浏览器之外。我知道它不在页面上,因为如果我在Chrome的文本字段中,我按Tab键进入下拉列表,而在Firefox中,它会直接进入选项卡后的搜索按钮(放大镜)。

我尝试在安全模式下启动Firefox,并确保所有标记都已关闭。

另请注意(不确定是否相关)页面按组件细分并使用Tapestry放在一起。我仍然熟悉Tapestry,所以我不确定这是否涉及到解决方案,但认为值得注意。

更新

Per @ Bob的建议我已将-webkit-inline-box更改为inline-box并且它似乎有效,但相反(它使Chrome工作版本成为Firefox版本)。

以下是更新的屏幕截图。

火狐: Firefox Update

铬: Chrome Update

1 个答案:

答案 0 :(得分:0)

我怀疑第二个选择没有在Firefox中显示,因为你有"显示:-webkit-inline-box",这是特定于webkit的(受到Chrome,而不是Firefox的尊重)。请尝试使用内联块。