Question

这里我为textbox创建了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);
}

Answer 1

你只需要在你的css中将你的课程名称放在句号之外，例如

.in1 { }

Answer 2

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

只需将选择器更改为：

.in1 {
    ...
}

...和

.in1:focus {
    ...
}

Working JSFiddle demo

您可以在官方W3文档here中阅读有关CSS选择器的更多信息。来自同一文档的Class Selector section：

E.warning - 一个E元素，其类为“warning”（文档语言指定如何确定类）。

Answer 3

没有看你的小提琴，我猜你正在使用课程。

尝试添加“。”在你的css开头，所以：.in1

Answer 4

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

而不是in1 {} put .in1 {}

将css样式添加到文本框

4 个答案: