el-select鼠标划上效果去掉
时间: 2023-07-13 13:25:16 浏览: 50
你可以在 CSS 中设置 `background-color` 和 `border-color` 属性来移除 `el-select` 的鼠标划上效果,代码示例如下:
```css
.el-select:hover {
background-color: transparent;
border-color: transparent;
}
```
这样当鼠标划过 `el-select` 时,背景颜色和边框颜色都会变成透明,从而达到去掉鼠标划上效果的目的。
相关问题
取掉el-select的鼠标划上效果
你可以在 CSS 中设置 `pointer-events: none;` 来禁止鼠标事件触发,这样就可以取掉 `el-select` 的鼠标划上效果。代码示例:
```css
.el-select {
pointer-events: none;
}
```
注意,这样会导致 `el-select` 中的所有子元素都无法响应鼠标事件。如果需要对某个子元素重新启用鼠标事件,可以使用 `pointer-events: auto;` 重新启用该元素的鼠标事件。
el-select带划动
el-select是一个基于Element UI的下拉选择框组件,它不带有滑动功能。但是,你可以使用iScroll插件来实现带有滑动功能的el-select。iScroll是一个高性能、轻量级的滚动插件,它可以应用于各种滚动场景,包括下拉刷新、上拉加载更多、轮播图等。在el-select中使用iScroll,你需要在el-select的外层容器上应用iScroll插件,并设置相应的参数,例如scrollbarClass、useTransition、topOffset等。这样,你就可以通过滑动来选择el-select中的选项了。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![-](https://csdnimg.cn/download_wenku/file_type_lunwen.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)