Formular verloren Opazität in Firefox

Question

Ich habe ein Problem mit in Mozzilla Opazität meiner Form zu verlieren:

Was mehr in Chrome ist alles super ist:

Sie einige Maut gibt es für meine CSS3 gesetzt Code für jeden Browser? es wäre toll, wenn man zusätzliche Zeilen mit -o-moz-ect hinzufügen würde. Präfixe.

Mein Code ist nichts besonderes ...

.input2 
{ 
    transition: all 300ms ease; 
    width: 240px; 
    height: 45px; 
    margin: 0 auto; 
    margin-top: 10px; 
    margin-left: 80px; 
    border-width: 0; 
    background-color: white; 
    border-bottom-width: 3px; 
    border-color: #CCCA14; 
    text-indent: 20px; 
    font-family: 'Titillium Web', sans-serif; 
    color: #232227; 
    font-size: 16px; 
} 

Answer 1

Versuchen Sie jetzt funktioniert es, Border style wurde nicht definiert und deshalb ist es nicht funktioniert Firefox.

können Sie entweder definieren es in einer Zeile oder in mehreren Zeilen heißt Eigentum von border wie unten,

.input2{ 
border-bottom : 2px solid #CCCA14; 
} 

or 

.input2{ 
border-bottom-width : 2px; 
border-color : #CCCA14; 
border-style : solid; 
} 

.input2 
 
{ 
 
    transition: all 300ms ease; 
 
    width: 240px; 
 
    height: 45px; 
 
    margin: 0 auto; 
 
    margin-top: 10px; 
 
    margin-left: 80px; 
 
    border-width: 0; 
 
    background-color: white; 
 
    border-bottom: 3px solid #CCCA14; 
 
    text-indent: 20px; 
 
    font-family: 'Titillium Web', sans-serif; 
 
    color: #232227; 
 
    font-size: 16px; 
 
    outline:none; 
 
}

<input type="text" class="input2">