bootstrap和elementUI冲突解决
问题描述:bootstrap引入VUE+elementUI项目里,由于bootstrap的全局性,全局的样式就被修改。el-upload这个组件里,控制上传文件类型的功能是用input元素完成的,element-UI默认将input屏蔽掉,不显示到页面中。但是引入了bootstrap就会将input的样式显示出来。造成的后果如图:为了解决这个问题:可以在当前页面中写入全局的样式,代码如下:...
·
问题描述:bootstrap引入VUE+elementUI项目里,由于bootstrap的全局性,全局的样式就被修改。
el-upload这个组件里,控制上传文件类型的功能是用input元素完成的,element-UI默认将input屏蔽掉,不显示到页面中。但是引入了bootstrap就会将input的样式显示出来。造成的后果如图:
为了解决这个问题:可以在当前页面中写入全局的样式,代码如下:
sbtn是用id定位到当前页面的bl-upload组件,然后是后代选择器找到input元素,写样式;
更多推荐
已为社区贡献1条内容
所有评论(0)