25

ウェブサイトにスタイル付きのボタンがあります。しかし、クリックすると、不要な境界線またはアウトラインが作成されます（どちらかはわかりません）。どうすればその境界線を削除できますか？以下は、ボタンに関連するすべてのコードです。

button {
    border: hidden;
    cursor: pointer;
    outline: none;
}
<button>this is my button</button>

4

5 に答える 5

26

これらのCSSスタイルのいずれかを使用してください

a:active,
a:focus,
input,
input:active,
input:focus {
    outline: 0;
    outline-style:none;
    outline-width:0;
}  
a:active,
a:focus,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

また

:focus {outline:none;} ::-moz-focus-inner {border:0;}

CSSスタイルの部分が完了したら、IE-Emulatorを設定する必要がある場合もあります。Webアプリケーションのweb.configファイルを更新し、以下のキーを含めます。

<system.webServer>
  <httpProtocol>
    <customHeaders>
      <clear />
      <add name="X-UA-Compatible" value="IE=7; IE=9; IE=8; IE=5;" />
    </customHeaders>
  </httpProtocol>

</system.webServer>
于 2011-04-19T10:20:19.433 に答える
12

Firefoxの点線について話している場合、探しているのはこれだと思います。

button::-moz-focus-inner { border: 0; }

これはトピックに関するスレッドです：ボタンとリンク上のFirefoxの点線のアウトラインを削除するにはどうすればよいですか？

于 2010-12-24T04:31:58.860 に答える
6 
outline: none;

これはChromeでうまくいきました。

于 2016-06-06T10:13:23.230 に答える
3

フォーカススタイルのアウトラインを削除しないでください。削除すると、キーボードのみのロービジョンユーザーがサイトにアクセスしにくくなります。

スタイルシートに同様のものを追加することを選択した場合は:focus { outline: none; }、フォーカスされた要素の独自のスタイルも追加します。

読書：CSSアウトラインを削除しないでください

于 2017-07-06T08:38:38.573 に答える
2

アウトラインです。outline:none;on：focus疑似クラスを使用して削除します。私のためにうまくいった。

于 2017-07-25T07:59:49.977 に答える