форма теряется прозрачность в Firefox

Question

У меня есть проблема с потерей непрозрачности моей формы в Mozzilla:

Что больше в Chrome все замечательно:

Существуют ли какие-то сборы за установить мой CSS3 код для каждого браузера? было бы здорово, если бы добавили дополнительные линии с -о-моментом. префиксы.

Мой кода нет ничего особенного ...

.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

Попробуйте теперь он работает, Border style не был определен, и именно поэтому он не работает Firefox.

Вы можете определить его в одной строке или в нескольких строках, т.е. свойства border, как показано ниже,

.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">