問題タブ [fluent-ui]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - ホバー時の Fluent-Ui-React アイコンのアウトライン
私は、react を使用した流暢な UI の初心者です (@fluentui/react-northstar 0.47.0)
さまざまな解決策を試しましたが、この結果を解決できませんでした。ここに案内してください。
現在、アイコンにマウスを合わせると塗りつぶされますが、マウスを合わせるかどうかに関係なくアウトラインを維持したいです。
これが私の観察です。Fluent-UIは実行時にアイコンをレンダリングします
このレンダリングは実行時に行われます。CSS で実現しようとしましたが、できませんでした。これについて知っている人は
fluent-ui - Microsoft の mergeStyles() ユーティリティで "::before" 疑似クラスをフォーマットする方法は?
FluentUI フレームワークの一部である Microsoft の mergeStyles ユーティリティを使用して、SCSS コードを React コンポーネントに移動しようとしています。"::before" をセレクタ プロパティとして指定する方法がわかりません。何らかの理由で、mergeStyles() は ":hover::before" を認識しましたが、それ自体では "::before" を認識しませんでした。たとえば、以下のコードのコメントを参照してください。どんな助けでも感謝します。ありがとうございました。