JavaScript - Element-UI はスタイルをカスタマイズできません

Question

• vue ファイル内のキーコードはほぼ次のとおりです

リーリー

• html ブラウザでレンダリングされた

• しかし、コンパイルされたスタイル セレクターが変更され、属性セレクターが追加された理由はわかりません。

実際に試してみたところ、vueファイルにスタイルを記述しておけばコンパイル時に属性セレクターが追加されます。これを行う方法？ Element-UIではテーマの大まかなカスタマイズしかできず、あまり細かいことは変更できないということでしょうか？

---

リーリー

Answer 1

Answer 2

確かに言えるのは、それは変更できるということです。やり方が間違っているか、スタイルの優先順位が要素定義ほど高くないはずです。

Answer 3

投稿者が要素のスタイルをオーバーライドしたい場合は、いくつかの提案があります:

• 基本色や要素コンポーネントの共通スタイルの変更などの共通スタイルのオーバーライドは、main.js 中 import の CSS ファイル (または scss など) に配置できます。要素はテーマをカスタマイズする方法も提供します

• 非ユニバーサル スタイル、ビジネス コンポーネントのスタイル カバレッジは、Vue の単一ファイル コンポーネントでカバーされると考えることができます。現時点では、一部のスタイルではセレクターの優先順位の問題が含まれることに注意してください。スタイルのグローバル スタイル (つまり、スコープなし) グローバル スタイルを使用する場合は、他のコンポーネントの要素コンポーネントのスタイルに影響を与えないように、ビジネス コンポーネントのルート コンポーネント セレクターを追加するようにしてください。

Answer 4

はい、しかし優先順位は高くなければなりません

Answer 5

違う、、、