概要
Tailwind CSS の preflight 仕様により、Prism.js のコピーボタンのスタイルがオーバーライドされています。
対象ファイル
public/JavaScript/2630. Memoize II/Claude Code Sonnet 4.6 extended/README_react.html (Lines 55-71)
問題
.code-toolbar > .toolbar .toolbar-item button および .code-toolbar > .toolbar .toolbar-item .copy-to-clipboard-button セレクタの background と color プロパティが Tailwind の preflight によってオーバーライドされるため、コピーボタンが意図した色(エメラルドグリーン #10b981)で表示されません。
必要な対応
通常状態と :hover 状態の両方で、background と color プロパティに !important フラグを追加する必要があります。
関連リンク
概要
Tailwind CSS の preflight 仕様により、Prism.js のコピーボタンのスタイルがオーバーライドされています。
対象ファイル
public/JavaScript/2630. Memoize II/Claude Code Sonnet 4.6 extended/README_react.html(Lines 55-71)問題
.code-toolbar > .toolbar .toolbar-item buttonおよび.code-toolbar > .toolbar .toolbar-item .copy-to-clipboard-buttonセレクタのbackgroundとcolorプロパティが Tailwind の preflight によってオーバーライドされるため、コピーボタンが意図した色(エメラルドグリーン #10b981)で表示されません。必要な対応
通常状態と :hover 状態の両方で、
backgroundとcolorプロパティに!importantフラグを追加する必要があります。関連リンク