Firefox没有显示div的跨度

Question

正在制作一个前缀为货币的文本框。 我使用以下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时，没有显示跨度数据。 任何想法？！

Answer 1

我在Firefox中尝试了您的代码，它运行得非常好！尝试更新浏览器，然后按 Ctrl + F5 刷新缓存。您能告诉我们您在两种浏览器中看到的内容的快照吗？