5

重複の可能性:
Twitter Bootstrap で青いテキスト領域の境界線を削除できないのはなぜですか?

入力フィールドのハイライトを取り除くために私が行うすべての検索は、css を使用するように言います:

input:focus {
    outline:none;
}

これはまったく機能していません。これをテストするために、最新バージョンの chrome、firefox、および safari を使用しています。

Bootstrap css ライブラリも使用していますが、これがこの種の問題を引き起こすかどうかはわかりません。

私が達成しようとしている効果は、シミュレートされたコンソール画面の空白行です。inout フィールドがフォーカスされているときのハイライトを除いて、私はそれを機能させ、完全に見ています。

どんな助けでも大歓迎です。

4

4 に答える 4

10

私のために働いている解決策

input, input:focus{
        position:absolute;
        width:auto;
        bottom:0px;
        padding:0px;
        margin:2px;
        background-color:#000000;
        color:#33FF00;
        border-width: 0px;
        outline:0; /* I have also tried outline:none */
        -webkit-appearance:none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
}

具体的には、問題を修正するベース css:

input, input:focus{
        border-width: 0px;
        outline:0; /* I have also tried outline:none */
        -webkit-appearance:none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
}

私は元々、box-shadow を none に設定するのを忘れていました。

于 2012-06-24T04:55:01.040 に答える
7

が機能しない場合input{outline:none;}は、次を試してください。

input, input:focus{
  outline:0px !important;
  -webkit-appearance:none;
}
于 2012-06-23T22:29:30.123 に答える
4

:focus疑似イベントに添付しないでください。

input
{
    outline:none;
}
于 2012-06-23T22:09:20.193 に答える
0

次のようにしてみてください。

input {
    outline:none;
}

私のサイトで私のために働きます。うまくいかない場合は、フィドルを提供してみてください。

于 2012-06-23T22:08:43.033 に答える