3

IE9以前のIEブラウザでチェックボックスの周りに点線が表示される問題。チェックボックスの周囲に境界線を追加してposttextareaとpostinputを呼び出し、postinputfocusを呼び出してその周囲に背景を配置したいようです。

ポスト入力にボーダー0pxを入れても点線は消えません。他のブラウザFFはありません、chromeはこれを行います....チェックボックスの.resetファイルとは何の関係もありません

IE 9の画像：http：//i46.tinypic.com/hvqj2g.png

コード呼び出し： http： //i46.tinypic.com/30ic1f5.png

#post textarea,
#post input {
    border:1px solid #ddd;
}
#post textarea:focus {
     outline: none;
     ie-dummy: expression(this.hideFocus=true);
   }
#post input:focus {
    -moz-box-shadow: 0px 0px 0px 2px #eee ;
    -webkit-box-shadow: 0px 0px 0px 2px #eee ;
    box-shadow: 0px 0px 0px 2px #eee ;
    background: #fefcbe;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

#post input#submit-btn{
    background: #eee;
    color:#444;
    text-shadow: 1px 1px 1px #fff;
}


Any ideas for IE 9?
4

3 に答える 3

11

点線は「フォーカス レクタングル」です。これは、残念ながらブラウザに一貫性なく実装されているユーザビリティ機能です。コメントで述べているようoutline: noneに、要素を設定すると消えます。フォーカスの四角形は、技術的には、ブラウザのデフォルト スタイル シートから生じるアウトラインです。これは、とりわけ、Tab キーを使用してページ内を移動する人 (おそらく移動する必要があるため) には、そこにフォーカス インジケーターが表示されない、つまり自分がどこにいるかが表示されないことを意味します。

IE 9 の状態 (Quirks モードと「標準」モード) に応じて、チェックボックスまたは関連付けられたラベルの周りにフォーカス四角形が表示されます。上記のコメントは「標準」モードに適用されます。

コメントによると「テキストボックスのように機能する」という問題は、その意味を知らず、コードにアクセスせずに解決することはできません。コードの断片の画像を含むスクリーンショットではなく、実際のコードまたはコードの URL を投稿してください。

于 2012-05-22T04:44:46.017 に答える
2

私のために働く：

element:focus{
 outline: thin transparent;
}
于 2013-04-09T10:36:39.690 に答える
-2

HTML 要素で JavaScript を使用してみてください。

<input onclick="this.blur()" />
于 2012-05-21T20:16:40.237 に答える