0

在这里，我为文本框创建了 CSS 效果。但它不影响。

有什么错误请指正。

小提琴

CSS如下：

in1
{
    border-radius: .2em;
    border: 1px solid #cccccc;

    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}

in1:focus
{
    border-color: rgba(1, 168, 255, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px     rgba(82,168,236,.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
4

4 回答 4

4

你只需要在你的css中的类名之前加上一个句号，例如

.in1 { }
于 2013-10-24T09:21:36.533 回答
2

不看你的小提琴我猜你正在使用类。

尝试添加一个“。” 到你的CSS的开始，所以：.in1

于 2013-10-24T09:22:17.100 回答
2

类选择器以 .为前缀.。在这里，您只是使用in1which 是一个元素选择器。这会尝试选择一个名为“in1”的元素 ( <in1 ... />)。

只需将您的选择器更改为：

.in1 {
    ...
}

...和：

.in1:focus {
    ...
}

工作 JSFiddle 演示。

您可以在此处提供的官方 W3 文档中阅读有关 CSS 选择器的更多信息。从同一文档的类选择器部分：

E.warning-E类别为“警告”的元素（文档语言指定如何确定类别）。

于 2013-10-24T09:22:11.400 回答
1

您必须遵循这一点，类选择器是一个以句号 (“.”) 开头的名称，而 ID 选择器是一个以哈希字符 (“#”) 开头的名称。

而不是 in1{} 放入 .in1{}

于 2013-10-24T09:26:16.667 回答