<style scoped> .van-popover__popper::before, .van-popover__popper::after { display: none; /* 隐藏小箭头 */ } </style> 小箭头还在
时间: 2024-03-05 13:50:17 浏览: 222
浅析Boost智能指针:scoped_ptr shared_ptr weak_ptr
如果你的样式并没有生效,可能是由于以下原因:
1. 样式的优先级不够高。你需要确认你的样式的优先级是否足够高,可以通过使用 `!important` 来提高优先级。
2. 样式的作用域不正确。你需要确认你的样式是否在正确的组件作用域中,可以使用浏览器的开发者工具来检查样式是否被正确应用。
尝试下面这个样式,它在我的环境中可以成功地去掉 van-popover 的小箭头:
```css
.van-popper__arrow {
display: none !important;
}
```
如果还是不行的话,可以尝试在样式前加上 `/deep/` 或者 `>>>`,如下所示:
```css
/deep/ .van-popper__arrow {
display: none !important;
}
```
这样就可以通过样式完全去掉 van-popover 的小箭头了。
阅读全文