mardi 21 avril 2015

Firefox not showing span over a div

am making a text box with a prefix of currency. i use the following 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>

this code works good in chrome. but when it comes to Firefox the span data is not shown. any idea?!

Aucun commentaire:

Enregistrer un commentaire