zakira https://blog.hatena.ne.jp/zakira/ 獅子ログ https://zakira.hatenadiary.org/ WEBサイト えー、ずいぶん長いこと放置です。IDEA*IDEAさんで紹介されている、「リンクをクリックしたときに横に伸びる点線を消す方法（Firefox）」に対するフォローです。リンクが張ってあるテキストのtext-indentを-9999pxにするという方法をとるとFirefox等で点線がでます。 それを消すために overflow:hidden; outline:none; を設定しますが、例えば liタグの中のテキストにリンクを張る場合などは下記のようにHTMLをコーディングする必要があります。 ===HTML=== <ul id="sample"> <li><a href="#"><span>あい… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fzakira.hatenadiary.org%2Fentry%2F20090126%2F1232943653" title="リンクをクリックしたときに横に伸びる点線を消す方法2 - 獅子ログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2009-01-26 13:20:53 rich https://zakira.hatenadiary.org/entry/20090126/1232943653 1.0 100%