首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >CSS下拉菜单在Firefox中不起作用

CSS下拉菜单在Firefox中不起作用
EN

Stack Overflow用户
提问于 2013-12-06 07:42:16
回答 1查看 90关注 0票数 0

我在我的Shopify网站上遇到了一些问题,让输入选择器下拉菜单在Firefox中正确显示。该字段显示并可单击,但不会填充文本。在Safari、Chrome和IE中工作正常。

知道可能是什么原因造成的吗?

http://stillmotionstore.com/products/storytelling-workshop-basic

EN

回答 1

Stack Overflow用户

发布于 2013-12-06 07:47:16

是!

它用文本填充,但文本不可见。

您的CSS会显示以下内容:

代码语言:javascript
运行
复制
height: 24px;
padding: 1.384615385em 0.615384615em;

这就是为什么文本不再有位置的原因。

解决方案

  1. 增加高度
  2. 删除顶部/底部填充
  3. box-sizing: border-box以便将填充添加到height

尝试在将来使用Web开发人员工具(在所有浏览器中都可用)调试此类问题,您会立即发现此bug!

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/20413150

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档