teramako https://blog.hatena.ne.jp/teramako/ hogehoge @teramako https://teramako.hatenadiary.org/ Firefox GoogleChrome とあるサイトでマウスカーソルと選択文字が合わない事象が発生して、疑問に思ったのでちょっと実験してみた。どうも、inlineな要素にpadding-topのとline-heightを大きめに取ると、この現象が起こるみたい。 ソース <p> <span style="padding-top: 1em; line-height: 1em;"> 一行目: hogehogehogehogehogehogehogehogehogehogehoge <br> 二行目: barbarbarbarbarbarbarbarbarbarbarbarbarbar <br> 三行目: foofoofoofoofoofo… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fteramako.hatenadiary.org%2Fentry%2F20121107%2Fp1" title="マウスカーソルとテキスト選択の位置が合わなくなる - hogehoge @teramako" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://dl.dropbox.com/u/17225596/firefox_text_selection.gif Hatena Blog https://hatena.blog 2012-11-07 00:00:00 rich https://teramako.hatenadiary.org/entry/20121107/p1 1.0 100%