0

こんなCSSでボーダーをやりたい

国境

私が今持っているものは次のようなものです：

input,textarea,select {
    font-weight: 400 !important;
    font-family: Monaco !important;
}

input:focus,textarea:focus,select:focus,checkbox:focus,input[type=checkbox]:focus
    {
    border: 2px solid #8aade1;
    -webkit-box-shadow: 0 0 3px #8aade1;

    -moz-box-shadow: 0 0 3px #8aade1;
    -o-box-shadow: 0 0 3px #8aade1;
    box-shadow: 0 0 3px #8aade1;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;


    outline: none;
}

/* Desativar borda zuada no firefox */
input::-moz-focus-inner,button::-moz-focus-inner {
    border: 0;
}​

http://jsfiddle.net/tNPmT/
もっと似せる方法はありますか?

4

1 に答える 1

2

これは一部のブラウザで動作しますが、すべてではありません。また、FF または IE の選択要素では機能しません。（知っています。1 週間前に試しました。）Google が似たようなことをしていることは知っていますが、コードを調べてみると、実際には select 要素のように見えますが、実際にはそうではありません。まったく同じボックスシャドウを取得しようとする代わりに、単純なアウトラインを使用しました。

あなたが聞きたいことではないことはわかっています... しかし、それは私の経験です.

于 2012-10-01T20:24:18.643 に答える