css與mozilla衝突

Question

我的css在chrome中的工作正常，如image 但它在Waterfox中不起作用image 我該怎麼辦？

.form-control { 
     display: block; 
     width: 100%; 
     height: 34px; 
     padding: 6px 12px; 
     font-size: 14px; 
     line-height: 1.42857143; 
     color: #555; 
     background-color: #fff; 
     background-image: none; 
     border: 1px solid #ccc; 
     border-radius: 4px; 
     -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); 
     box-shadow: inset 0 1px 1px rgba(0,0,0,.075); 
     -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; 
     -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; 
     transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; 
    } 



    form-group input[type="text"], input[type="password"] { 
     float: right; 
     direction: rtl; 
    } 

Answer 1

因爲留給輸入浮子

領域的問題是未來

form-group input[type="text"], input[type="password"] { 
    float: right; 
    direction: rtl; 
} 

您可以通過給float:left爲textarea

form-group textarea {float:right}