Firefox 没有在 div 上显示跨度答案

【问题标题】：Firefox not showing span over a divFirefox 没有在 div 上显示跨度
【发布时间】：2015-04-21 23:36:40
【问题描述】：

我正在制作一个带有货币前缀的文本框。我使用以下 CSS

    .currencyInput {
         position: relative;
     }
     .currencyInput input {
         /*padding-left:18px;*/
         padding-left: 25px;
     }
     .currencyInput:before {
         position: absolute;
         top: 0;
         content:"Rs";
         left: 5px;
     }
    .text-box1{
    	border:1px solid #31BAF9;
    	width:-webkit-calc(95% - 11px);
    	width:calc(95% - 11px);
    	padding:0 5px;
    	margin:5px auto;
    	height:42px;
    }

    <span class="currencyInput">
            <input type="text" class="text-box1" placeholder="Price" value="35750.00"name="price"/>
          </span>

此代码在 chrome 中运行良好。但是当涉及到 Firefox 时，span 数据没有显示。有什么想法吗？！

【问题讨论】：

在 FF 中对我来说很好用。也许清除你的缓存？
也在 FF (v37.0.1) 中为我工作。请说明您遇到此问题的 FF 版本。
在我的机器上，sn-p 在 FF 中的工作比在 Chrome 中更好。在 Chrome 中，Rs 和数字不在同一基线上。

标签： html css firefox textbox

【解决方案1】：

我在 Firefox 中尝试了您的代码，它运行良好！尝试更新您的浏览器，然后按 Ctrl+F5 刷新缓存。您能否向我们展示一下您在两种浏览器中看到的内容的快照？

【讨论】：

@AlokRajasukumaran 开发者版，这是一个 Aurora 版本，不是吗？据我所知，它是 39.0 的 Alfa 版本。与常规版本不同。也许它有一些错误需要解决？顺便说一句，据我所知，这些版本大约每天更新一次，所以如果你现在让它更新，你可能会发现你的问题已经解决了。
哦，这个小屏幕截图不是来自这个 sn-p，是吗？
@lister.，它来自正在处理的 html 页面。我想这应该是光环构建的问题。现在将交叉检查。
我现在每晚都在用最新的 SeaMonkey (Gecko 40.0) 查看 sn-p，它看起来仍然不错，所以我不相信 Gecko 版本号是罪魁祸首。说，您是否安装了任何扩展程序？如果您在安全模式下重新启动后查看会发生什么？