質問: 以下のようなHTMLファイルがあります。ファイル名をindex.htmlとします。 ``` テスト TOP ``` このファイルをsafariあるいはGoogle Chromeで表示し、リンクをクリックすると「TOP」という文字列が水色のボーダーで囲まれます。あるいは、 index.html#topを直接表示しても同じです。このボーダーを消すことはできないでしょうか? CSSのボーダーかと思い消そうとしましたが、消すことができませんでした。 試したのは、macOS 10.12.6のsafari10.1.2,Google Chrome 60.0.3112.90です。firefoxではこのボーダーは出ませんでした。 よろしくお願いします。
回答: 私の環境では、提示のコードでは「TOP」と下線しか表示されませんので何とも言えませんが、下線でなく、要素の周囲を囲んで表示されるのですよね? 「テキストデコレーション」や「ボーダー」で無いのであれば、「アウトライン」では無いでしょうか? リセットCSSの中で該当箇所、あるいは全体に`outline: none;`を加えてみては如何でしょうか? 可能であれば該当部分のCSSも提示してもらえれば、皆さんから回答またはヒントが早くもらえると思います。