フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
ChromeでHighlighting...
 
通知
すべてクリア

ChromeでHighlighting Code Blockの言語ラベルが表示されない

1 投稿
1 ユーザー
0 Reactions
6 表示
 His-
(@his)
投稿: 96
メンバー
トピックスターター
 

プラグインですが、こちらから失礼します。

Chromeにて、カスタムプロパティ(CSS変数)への attr() 代入が無効になっているようです。

:root { --hcb--data-label: attr(data-lang); }

 

一応、以下のどちらかでも改善することを確認しておりますが、お時間のある際に最適な方法でご対応いただけると幸いです。

.hcb_wrap.hcb_wrap>pre { --hcb--data-label: attr(data-lang); }

または、

.hcb_wrap>pre:before {content: attr(data-lang); }

 

 

 

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.16.0
利用中のPHPバージョン
8.3.30
OS
mac
利用中のWordPressバージョン
6.9.4
利用中のサーバー会社
エックスサーバー
ブラウザ
Chrome
利用中のプラグイン一覧

Highlighting Code Block(バージョン 2.1.3)


お問い合わせ先▶︎https://blog-mi.com/contact/

 
投稿済 : 07/05/2026 10:42 am
共有: