关于自定义设置样式
来源:12-12 自定义组件样式探讨 一:hack方式

宝慕林3319090
2019-07-04
自定义组件是可以设置样式的,给v-tag组件设置背景色未生效,是因为v-tag的子元素设置了背景色,而这个子元素和v-tag是一样大的。所以子元素的背景色覆盖了v-tag 的背景色,导致看不出来。可以从下面3张图看出来!
图1表明给自定义组件的样式生效了,图二说明子元素也有背景色,点击两个元素可以看出他们背景颜色区域是重合的,去掉子元素的背景色后,给自定义组件的背景色显示出来了。说明是子元素的背景色覆盖了相同大小的自定义组件父元素。而不是没有生效
写回答
2回答
-
宝慕林3319090
提问者
2019-07-05
图一,给v-tag增加了padding,padding区域是v-tag的背景色。如果隐藏v-tag的子元素,v-tag背景全是自己设置的背景色。说明自定义组件的样式生效了。只不过被子元素的背景色给遮住了
00 -
7七月
2019-07-04
如何解释 提高优先级就能显示出来?提高优先级和覆盖没有关系吧。或者换个角度来说,如果不是因为恰巧完全重合的就能生效了吗?也就是说不用 !important也是可以的吗。
事实上,大小不重叠也是不行的。
022019-07-05
相似问题