形式在Firefox

-1

失去透明度我有在Mozzilla失去我的形式的不透明的問題：形式在Firefox

更重要的是在Chrome一切都很好：

確實存在一些過路費的設置我的CSS3代碼給每個瀏覽器？當它添加-o- -moz-ect的附加行時會很好。前綴。

我的代碼是沒有什麼特別的...

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

來源

2016-08-02 Edenwave

和你的代碼是...？ – dippas

歡迎使用堆棧溢出。我們試圖幫助人們解決代碼中的錯誤，但要做到這一點，您需要提供代碼！請閱讀如何在[幫助中心]（http://stackoverflow.com/help）詢問一個好問題。 – Randy

好的，我發佈了我的CSS代碼，謝謝。 – Edenwave

現在就來試試它的工作原理，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">

來源

2016-08-02 14:07:09 frnt

謝謝，它的作品！你能告訴我爲什麼最好在一行中寫出每個broder屬性「border：（...）」？ – Edenwave

@Edenwave @Edenwave這是我們的選擇如何定義它，正如我上面所解釋的，您可以在一行或單獨多行中定義它們，歡迎:-)，定義在多行中讓我們更瞭解我們正在做的事情。 – frnt

回答

相關問題