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 刷新缓存。您能否向我们展示您在两种浏览器中看到的内容的快照？

Firefox 未显示跨 div

Firefox not showing span over a div

html

css

firefox

textbox