Question

这是我的示例代码，当文本字段处于焦点时，我将其用于文本字段以将其边框颜色更改为蓝色。它在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;

     }

Answer 1

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

Answer 2

..或者你可以这么做;

border: 1px #00c0f1 solid;

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

Answer 3

要明确的是，您需要为webkit样式指定一个破折号前缀，如下所示：

-webkit-border-top: ...

此外，小写所有css属性。有一些风格，伙计！

CSS Class在Google Chrome中无效，但在IE和Mozilla中运行良好。我需要改变什么才能在所有浏览器中使用？

3 个答案: