早速、料理を直接サーブしましょう。
ElementUIが提供するレート スコアリング コンポーネントのデフォルト サイズは次のとおりです。
アイコンが小さすぎます。幅、高さ、行の高さ、サイズを設定したいのですが、コードが機能しません。
ブラウザのデバッグを有効にして、font-size 設定を使用することだけが有用であることを確認します。
したがって、コードに優先順位の問題があり、優先順位を上げる必要があります。
css で>>>
ディープセレクターとして使用:
したがって、コード内の el-rate_icon と el-rate__text の font-size 値を変更し、スタイル名の前に /deep/ を追加して優先度を上げます。
ここで、クラス名はコンポーネントに付属していることに注意してください。それ以外の場合は有効になりません。
したがって、他の ElementUI コンポーネントのアイコン サイズとラベル プロパティの設定は同じです。
実は他にも以下の方法があります。
1.<style lang="less" scoped>
真ん中のを直接削除することでスタイルを有効にすることができますscoped
. これは単純で失礼ですが、あまり良い方法ではありません.
2.などのグローバル スタイルを定義しglobal.css
、main.js
にインポートすると、スタイルがグローバルにマウントされ、それに記述されたカスタム スタイルも有効になります。
説明に誤りがあれば訂正してください!