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

1

これに従う必要があります。クラス セレクターはピリオド (".") が前に付いた名前であり、ID セレクターはハッシュ文字 ("#") が前に付いた名前です。

in1{} の代わりに .in1{} を入れる

于 2013-10-24T09:26:16.667 に答える