自定义el-select样式
时间: 2023-08-19 12:14:50 浏览: 116
回答: 要自定义el-select的样式,你可以使用以下方法之一。第一种方法是找到下拉框的类名,然后写一个全局的样式来修改样式。第二种方法是使用/deep/来修改.el-select-dropdown__item的样式内容。第三种方法是通过popper-class设置的类名添加样式。\[2\]如果你想修改el-select下拉框中选项的样式,你可以使用popper-append-to-body属性。这个属性可以控制el-select选项的内容是否移动到div#app中。默认情况下,该属性的值是true,如果你将其设置为false,el-select选项的内容将保留在原来的位置。\[3\]希望这些方法可以帮助你自定义el-select的样式。
#### 引用[.reference_title]
- *1* [自定义element-ui中Select 选择器的样式](https://blog.csdn.net/qq_41176306/article/details/115367528)[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^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [el-select下拉框选项的样式修改(背景色、hover、字体等)](https://blog.csdn.net/qq_44747461/article/details/106140453)[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^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文