el-select样式
时间: 2023-08-17 12:15:39 浏览: 92
回答: 在element-ui框架中,修改el-select的样式有几种方法可以尝试。首先,可以通过设置全局样式来修改下拉框选项的样式,找到下拉框的类名,然后写一个全局的样式来覆盖默认样式。其次,可以使用/deep/选择器来修改.el-select-dropdown__item的样式内容。另外,还可以通过设置popper-class属性来添加自定义的类名,并在该类名中添加样式。需要注意的是,如果el-select的选项容器不在挂载的div#app中,而是div#app的兄弟元素,那么在组件中设置样式时,加上scoped属性的样式作用域将局限在div#app中,无法正常作用到选项内容的div上。\[1\]\[2\]\[3\]
#### 引用[.reference_title]
- *1* [以el-select为例,说明element-ui中修改标签样式的方法](https://blog.csdn.net/qq_42724424/article/details/124348452)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [el-select下拉框选项的样式修改(背景色、hover、字体等)](https://blog.csdn.net/qq_26695613/article/details/127870263)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20241231044930.png)
![rar](https://img-home.csdnimg.cn/images/20241231044955.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)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![zip](https://img-home.csdnimg.cn/images/20241231045053.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)