15年软件开发经验 只做源码定制 互联网+定制化解决方案

15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页

vue更改Element组件样式

王孟旺| 发布于 2022-03-22 21:13:37| 544阅读| 0点赞| 0评论
举报

vue更改Element组件的样式或者更改扩展组件的样式,也适用于uniapp

vue中,Element等外来组件的样式更改方法:

首先打开引用一个Element最简单的button按钮

  <el-button type="primary">主要按钮</el-button>

然后打开运行打开浏览器F12打开调试器,像这样,


查看调试器对应组件的类名,就可以在对应vue文件中的style中修改了

<template>

  <div class="hello">

    <el-button type="primary">主要按钮el-button>

  div>

template>


<script>

export default {

};

script>


<style>

.el-button {

background-color: red !important;

}

style>



!important;优先使用覆盖原生的组件的背景色。验证一下


步骤就是找到对应的类名然后修改。

uniapp等这种外来组件大都这样操作。


0

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

王孟旺
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部