element-ui 下拉框样式修改

article/2025/9/29 23:39:34

问题描述

当下拉框字段存在超长的情况下增加横向滚动条,效果如图所示:
在这里插入图片描述

解决办法:

在全局样式中添加如下代码:

  .el-select-dropdown {max-width: 330px;}.el-select-dropdown__item {display: inline-block;}.el-select-dropdown__item span {min-width: 330px;display: inline-block;}

但是这样改的话会影响整个项目中的下拉框样式,如果只想针对某一个下拉框作此修改,就可以用elementUI提供的属性

在这里插入图片描述
将该属性绑定在要修改的下拉框上
在这里插入图片描述
在全局样式中作此声明,就可以实现针对某一个下拉框的样式进行修改啦
在这里插入图片描述
注意:style不可以绑定scoped,否则无效

参考文献:

https://blog.csdn.net/qq_43563538/article/details/120726091
https://www.bbsmax.com/A/RnJWMy7odq/


http://chatgpt.dhexx.cn/article/YGhTxIF0.shtml

相关文章

HTML下拉框样式美化

在网页中,下拉框的样式最难美化,默认样式巨丑,好在现在已经有各种框架实现了下拉框的样式美化,主要思路都是通过JS代码将下拉框元素用更容易设置样式的div进行替换,再将对应选项及事件进行关联。 最近一项目需要修改很…

VUE学习(二):修改下拉框样式

目录 前言 一、ElementUI文档 二、代码实现 1.el-select选择器 2.设置样式 拓展阅读 前言 在开发中有时需要给某些下拉框选项设置特定的样式,如字体大小,字体颜色,间距等。 一、ElementUI文档 为了实现给特定下拉框设置样式的效果&am…

win10升级后蓝牙不见了,设备管理器里没有,多了个串行控制器里的未知USB设备?...

win10更新后,蓝牙功能不见了,也没有打开的选项,设备管理器里也没有,多了个未知USB设备,重启无效,重装蓝牙驱动无效,BIOS中的Bluetooth是开的。 试了网上能找到的所有方法,包括更新wi…

设备管理器出现“未知USB设备”同时蓝牙不可用的解决方法

很莫名其妙地,刚才还在使用蓝牙鼠标和蓝牙键盘,离开一会儿后重新解锁进入桌面,蓝牙就彻底不见了。打开设备管理器,里面的蓝牙图标不见了,同时通用串行总线控制器中出现了一个未知USB设备。 查阅后找到这篇博文&#xf…

未知usb设备(设备描述请求失败)_HomePod mini?电源线同样不可拆卸:但或能用USB-C移动电源供电...

尽管在技术规格中没有详细说明,但外媒 MacRumors 可以确认新款 HomePod mini 具有不可拆卸的电源线,该电源线的末端带有 USB-C 接口,可与包装盒中随附的 20W 电源适配器一起使用。 改用 USB-C 后,‌HomePod mini‌ 可以由更广泛的…

未知USB设备(设备描述符请求失败)是什么?

未知USB 设备(设备描述符请求失败)是什么? 参考解决方案:Win10一个USB设备描述符请求失败解决方法 恕我直言,对我们没有什么用,我们需要的是不用插拔usb也能让错误消失

蓝牙变成“未知USB设备”的解决方法

如图。原因是主板积累的静电影响了板载蓝牙的功能。 解决方法: 关机,拔掉电源,长按电源键20秒。听到咔嚓一声动静后即可。 重启即灵。

arduino nano ble 33出现未知USB设备(设备描述符请求失败)解决方法

1情况描叙: 开发板上电正常,下载测试示例测试功能正常。随后在下载自己编写的程序后,开发板出现了电脑无法识别USB设备,打开设备管理器发现如下异常 2解决办法 查询网上资料,大多是建议更新驱动,操作后发现…

win10检查更新后,蓝牙没了,卸载usb也没有用,蓝牙 未知usb设备 设备描述符请求失败

最后解决方案: 长按电源键30s放电; 将bios的所有设置恢复默认 然后就有了蓝牙

一问解决设备管理器里面提示:未知usb设备(设备描述符请求失败) 或者是“Unknown USB Device(Device Descriptor Request Sailed)”错误

哈喽!大家好,我是IT技术猿猴,最爱海贼王💞💞💞 是一位爱好技术的【技术宅男】!😜😜😜 💞💞💞 如果有对技术感兴趣的宅友&a…

xps13蓝牙消失,设备管理器中出现“未知USB设备(设备描述符请求失败)”的问题

现象 在老款的xps13笔记本中遇到了蓝牙消失的情况,系统设置中没有蓝牙选项,在设备管理器中蓝牙直接消失,在通用串行总线控制器中出现了一个新的“未知USB设备(设备描述符请求失败)”。 无论是win10自带的系统&#xf…

笔记本电脑蓝牙忽然消失,设备管理器有未知USB设备描述符请求失败

Windows更新完几个小时后,突然蓝牙设备(键盘、耳机)不管用,检查发现是笔记本电脑的蓝牙模块消失。 表现是右下角图标里蓝牙标志不见,设置里蓝牙部分没有打开的开关,winXM打开设备管理器也没有蓝牙设备。 …

【一】win10蓝牙不见了,设备管理器里没有,多了个串行控制器里的未知USB设备

参考链接: win10升级后蓝牙不见了,设备管理器里没有,多了个串行控制器里的未知USB设备? win10更新后,蓝牙功能不见了,也没有打开的选项,设备管理器里也没有,多了个未知USB设备,重启…

电脑更新后,设备管理器未知USB设备,并且蓝牙无法使用

昨天,就是电脑更新了一下,午休起来,就发现无线鼠标无法移动,我以为是鼠标没电了,就换了新电池,结果还是一样连不起蓝牙。于是找了很多办法,终于找到问题的正解。 具体情况是这样的: …

windows10自动更新后,设备管理器蓝牙消失“未知USB设备”

以前也遇到同样的状况,进入bios,关闭wireless lan选项,然后重启,接着重新打开wireless lan选项,再次重启后就回来了,但是这次我使用老办法却不管用。 这次我直接在设备管理器里卸载了未知设备,重…

stlink 未知usb设备 设备描述符请求失败

一般是STLINK烧了,可以用STM32的串口下载程序: 只可以用UAART_1:PA9,PA10 需要软件:FlyMcu ① PA9:为TX,要接CH340的RX PA10:为RX,要接CH340的TX ② 再给STM32通电3.3V ③ 设置相同相同波特率&…

未知USB设备(设备描述符请求失败)解决方法

问题如图: 第一步: windows键r键 -》输入:service.msc (感谢评论区小伙伴的指出,这里应该输入的是services.msc) 第二步: 在服务窗口中找到Plug and Play服务,双击Plug and Play,…

未知usb设备设备描述符请求失败怎么解决

出现未知daousb设备设备描述符请求失du败解决办zhi法如下: 1、按下WindowsR打开【运行】; 2、在版运行的权输入框中输入:services.msc 按下回车键打开【服务】; 2、在服务中找到Plug and Play服务; 3、将服务关闭&…

未知USB设备(设备描述符请求失败)解决方法之一

前言 网上很多帖子讲述了出现未知USB设备的处理情况。这里给大家提供一种其他的可能性,这是大部分帖子里都没讲到的。 解决方案 将线插到电脑上其他USB口上,先排除是不是电脑USB口的问题(如果电脑是台式机,尝试插机箱背面的USB口…