概要

フロントエンドでクリップボードにテキストをコピーすることができるライブラリ「ZeroClipboard」を使ってると、bindさせるエレメントのstyleでbutton:hoverとかが使えない問題が発生した。

よく見たらissueに書いてあった。

解決策

擬似クラスではなくクラス名でstyleを定義する。

例えば<button class="hoge">なら

button.hoge.zeroclipboard-is-hover { background-color: #eee; }

とかやるとhover時スタイルが適用される。

恐ろしい。

ButtonクリックイベントでHTML5 Clipboard APIを叩く方法があればそっちでいいのかもしれない。