CSS類不在Google Chrome中工作，但在IE和Mozilla中正常工作。我需要改變以便它可以在所有瀏覽器中工作？

這是我的示例代碼，當文本字段處於焦點時，我將其用於文本字段以將其邊框顏色更改爲藍色。它在IE和Mozilla中運行良好，但不適用於Google Chrome。請幫忙。CSS類不在Google Chrome中工作，但在IE和Mozilla中正常工作。我需要改變以便它可以在所有瀏覽器中工作？

.inputTxtFld:focus {/* font-family: verdana,arial,sans-serif; font-size: 10px; color: #000000;*/ 
     MARGIN: 0px; 
     PADDING-TOP: 2px; 
     PADDING-RIGHT: 4px; 
     PADDING-BOTTOM: 1px; 
     PADDING-LEFT: 4px; 
     WEBKIT-BORDER-TOP: #00c0f0 1px solid; 
     WEBKIT-BORDER-RIGHT: #00c0f0 1px solid; 
     WEBKIT-BORDER-BOTTOM: #00c0f0 1px solid; 
     WEBKIT-BORDER-LEFT: #00c0f0 1px solid; 
     FONT-FAMILY: Arial, Verdana, Geneva, Helvetica, sans-serif; 
     FONT-SIZE: 11px; 
     COLOR: #333; 
     BACKGROUND-COLOR: #FFFFFF; 

    }

來源

2010-11-02 Idiot

-WEBKIT-BORDER-TOP: #00c0f0 1px solid; 
-WEBKIT-BORDER-RIGHT: #00c0f0 1px solid; 
-WEBKIT-BORDER-BOTTOM: #00c0f0 1px solid; 
-WEBKIT-BORDER-LEFT: #00c0f0 1px solid; 

-MOZ-BORDER-TOP: #00c0f0 1px solid; 
-MOZ-BORDER-RIGHT: #00c0f0 1px solid; 
-MOZ-BORDER-BOTTOM: #00c0f0 1px solid; 
-MOZ-BORDER-LEFT: #00c0f0 1px solid;

後來因爲IE：

BORDER-TOP: #00c0f0 1px solid; 
BORDER-RIGHT: #00c0f0 1px solid; 
BORDER-BOTTOM: #00c0f0 1px solid; 
BORDER-LEFT: #00c0f0 1px solid;

來源

2010-11-02 13:40:19 KeatsKelleher

需要明確的是，你需要指定一個破折號前綴WebKit的風格，就像這樣：

-webkit-border-top: ...

此外，小寫所有的CSS屬性。有一些風格，男人！

來源

2010-11-02 13:42:19 Mike

..或者你可以做;

border: 1px #00c0f1 solid;

你不需要賣方前綴爲CSS Border屬性是所有瀏覽器都支持..

來源

2010-11-02 13:49:45

CSS類不在Google Chrome中工作，但在IE和Mozilla中正常工作。我需要改變以便它可以在所有瀏覽器中工作？

回答

相關問題