html - CSS与Mozilla混淆

我的css在chrome中可以正常工作，例如image
但是它不能像image这样在Waterfox中使用
我能做什么？

.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;
    }

最佳答案

由于剩余的输入字段的浮动，问题来了

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

您可以通过为float:left指定textarea来解决此问题

form-group textarea {float:right}