CSS类在GoogleChrome中不起作用，但在IE和Mozilla中工作良好。我需要更改哪些内容才能在所有浏览器中工作？

这是我的示例代码，我将它用于文本字段，当文本字段处于焦点时，将其边框颜色更改为蓝色。它在IE和mozilla中运行良好，但在Google Chrome中不起作用。请帮忙

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

     }

对于以后的IE：

BORDER-TOP: #00c0f0 1px solid;
BORDER-RIGHT: #00c0f0 1px solid;
BORDER-BOTTOM: #00c0f0 1px solid;
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;

---

为了清楚起见，您需要为webkit样式指定破折号前缀，如下所示：

-webkit-border-top: ...

---

此外，将所有css属性小写。有点风格，伙计

为了清楚起见，您需要为webkit样式指定破折号前缀，如下所示：

-webkit-border-top: ...

---

此外，将所有css属性小写。有点风格，伙计

。或者你可以这样做

border: 1px #00c0f1 solid;

---

您不需要供应商前缀，因为所有浏览器都支持CSS Border属性

。或者你可以这样做

border: 1px #00c0f1 solid;

您不需要供应商前缀，因为所有浏览器都支持CSS Border属性