1. ホーム
  2. サポート
アーティクル - CS334521

Chrome ブラウザでカスタム CSS コードを使用してラベル テキストにグラデーションを適用できない

修正日: 03-Oct-2024   


注記：ここに記載されている情報は、お客様の利便性向上のため機械翻訳ソフトを使用しています。PTCは、ここに記載されている情報の翻訳の正確性について、一切の責任を負いませんので、ご了承ください。英語の原文を参照するには、こちら。この機械翻訳に関する詳細は、こちら。
お知らせいただき、ありがとうございます。この機械翻訳をレビューします。

適用対象

  • ThingWorx Platform 8.5 to 9.0

説明

  • Chrome ブラウザではカスタム CSS コードを使用してラベル テキストにグラデーションを適用できませんが、Firefox ブラウザでは適用できます。
  • 以下のカスタムCSSコードはマッシュアップのカスタムCSSセクションに追加されます
.widget-ptcslabel::part(root){
background-image: -webkit-linear-gradient(bottom,red,blue);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
  • グラデーションは Chrome ブラウザでは有効にならず、Firefox ブラウザでのみ有効になります
最新バージョンはこちらを参照ください CS334521