vue中element组件样式修改无效的解决方法

 更新时间:2018年02月03日 15:56:00   作者:你蠢哭我咯  
下面小编就为大家分享一篇vue中element组件样式修改无效的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

如下所示:

<style>
.detail{
 .el-input__inner {
 height: 48px;
 }
}
</style>

直接写style注意不加scoped,然后用一个组件最外层的class包裹住,就不会改到所有的组件的样式了。

以上这篇vue中element组件样式修改无效的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue项目中的组件传值方式

    vue项目中的组件传值方式

    这篇文章主要介绍了vue项目中的组件传值方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-06-06
  • vue如何动态给img赋值

    vue如何动态给img赋值

    这篇文章主要介绍了vue如何动态给img赋值,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-06-06
  • TDesign在vitest的实践示例详解

    TDesign在vitest的实践示例详解

    这篇文章主要为大家介绍了TDesign在vitest的实践示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • Vue和React有哪些区别

    Vue和React有哪些区别

    这篇文章主要介绍了Vue和React有哪些区别,帮助大家更好的理解和学习JavaScript框架,感兴趣的朋友可以了解下
    2020-09-09
  • vue中轮训器的使用

    vue中轮训器的使用

    今天小编就为大家分享一篇关于vue中轮训器的使用,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-01-01
  • Vue中如何设置全局的cookie对象

    Vue中如何设置全局的cookie对象

    这篇文章主要介绍了Vue中如何设置全局的cookie对象,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10
  • 详解基于Vue/React项目的移动端适配方案

    详解基于Vue/React项目的移动端适配方案

    这篇文章主要介绍了详解基于Vue/React项目的移动端适配方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • Vue.js 父子组件通信的十种方式

    Vue.js 父子组件通信的十种方式

    最近一直在做 Vue项目代码层面上的优化,写文章是很easy的事情,今天小编给大家分享Vue.js 父子组件通信的十种方式,感兴趣的的朋友跟随小编一起看看吧
    2018-10-10
  • vue.js实现的经典计算器/科学计算器功能示例

    vue.js实现的经典计算器/科学计算器功能示例

    这篇文章主要介绍了vue.js实现的经典计算器/科学计算器功能,具有基本四则运算计算器以及科学计算器的功能,可实现开方、乘方、三角函数以及公式运算等功能,需要的朋友可以参考下
    2018-07-07
  • 区分vue-router的hash和history模式

    区分vue-router的hash和history模式

    这篇文章主要介绍了区分vue-router的hash和history模式,帮助大家更好的理解和学习vue路由,感兴趣的朋友可以了解下
    2020-10-10

最新评论