概要
フロントエンドでクリップボードにテキストをコピーすることができるライブラリ「ZeroClipboard」を使ってると、bindさせるエレメントのstyleでbutton:hover
とかが使えない問題が発生した。
よく見たらissueに書いてあった。
解決策
擬似クラスではなくクラス名でstyleを定義する。
例えば<button class="hoge">
なら
button.hoge.zeroclipboard-is-hover { background-color: #eee; }
とかやるとhover時スタイルが適用される。
恐ろしい。
所感
ButtonクリックイベントでHTML5 Clipboard APIを叩く方法があればそっちでいいのかもしれない。