Q&A
ご回答ありがとうございました。outline: noneで解決しました。
以下のようなHTMLファイルがあります。ファイル名をindex.htmlとします。
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5 <title>テスト</title> 6</head> 7<body> 8 <a name="top" href="#top">TOP</a> 9</body> 10</html>
このファイルをsafariあるいはGoogle Chromeで表示し、リンクをクリックすると「TOP」という文字列が水色のボーダーで囲まれます。あるいは、
index.html#topを直接表示しても同じです。このボーダーを消すことはできないでしょうか？ CSSのボーダーかと思い消そうとしましたが、消すことができませんでした。
試したのは、macOS 10.12.6のsafari10.1.2,Google Chrome 60.0.3112.90です。firefoxではこのボーダーは出ませんでした。
よろしくお願いします。
回答2件
0
ベストアンサー
私の環境では、提示のコードでは「TOP」と下線しか表示されませんので何とも言えませんが、下線でなく、要素の周囲を囲んで表示されるのですよね？
「テキストデコレーション」や「ボーダー」で無いのであれば、「アウトライン」では無いでしょうか？
リセットCSSの中で該当箇所、あるいは全体にoutline: none;を加えてみては如何でしょうか？
可能であれば該当部分のCSSも提示してもらえれば、皆さんから回答またはヒントが早くもらえると思います。
投稿2017/08/09 23:05
総合スコア3523
0
:targetといって、フラグメントで飛んだ先の要素を指す疑似セレクタがあります。a:target{border: none}のようにしてみたら改善しないでしょうか。
投稿2017/08/09 23:00
総合スコア145184
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/08/09 23:09