select下option中某个字的css样式

图片说明
请问怎样修改option的text中某个字的样式，比如我只想让下拉中的新西兰这三个字加粗

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

9条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
IT迷你白 2018-01-22 03:15
关注
如果只想改变新西兰可以动态获取option的text值 $("selectid").find("option[value=optionvalue]").text(), 然后根据字符串找到新西兰所在位置
加入标签再重新 text(value) 赋值进去不过我觉的你的需求应该是加粗[]内的文本可以indexof("[")和("]") 然后分别加入和标签

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(8条)

报告相同问题？

关注问题

select下option中某个字的css样式 css
2018-01-22 02:55

回答 9 已采纳如果只想改变新西兰可以动态获取option的text值 $("selectid").find("option[value=optionvalue]").text(), 然后根据字符串找到新西兰所在
html中select下拉框中option样式能更改吗？ css3 html 前端
2021-12-06 11:22

回答 3 已采纳可以的 .el-select-dropdown__item:hover { color: red; font-size: 30px; }
Ant design Vue3 的 select 组件鼠标移入时 css样式怎么改? css3 前端
2022-05-10 11:18

回答 5 已采纳 .ant-select :deep(.ant-select-selector) { background-color: rgba(255, 255, 255, 0) !important;
css 原生 select ＞ option 样式无法修改问题
2024-01-10 15:41

Jiang_JY的博客作者在维护老项目的过程中遇到一个修改原生 select 样式的需求，本以为只是一个简单的样式修改，但尝试过后，发现 select 下的 option 除了颜色样式可以修改，其他的样式怎么也修改不了。
css怎样设置select中文字过长时省略 css
2017-04-10 08:29

回答 5 已采纳 ![图片说明](https://img-ask.csdn.net/upload/201704/10/1491815089_636531.png)
原生select，鼠标悬浮在option，改变鼠标的样式 css html 前端有问必答
2022-01-28 16:11

回答 2 已采纳系统生成的下拉option，无法更改。可以用第三方的控件来模拟select，这样可以控制，比如select2。简单示例如下。不过题主用到了vue，需要注意添加 <link href="http
如何消除选定的select/option边框？ css html 有问必答
2021-08-20 00:15

回答 2 已采纳 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta
option样式美化 css,CSS select样式优化
2021-08-03 18:00

宇较瘦的博客下拉选择菜单基本的CSS样式不怎么好看，通过一些简单的样式优化，就可以起到美化的作用了。请选择您所在的城市请选择您所在的城市中山市太原市广州市CSS样式.sel_wrap{height:40px;background:#fff url(img/icons....
怎么能让某条css样式失效 css vue.js
2021-07-16 16:15

回答 4 已采纳 unset?大佬解决了吗?
html排版错乱select随option内容改变大小改变 css html 前端有问必答
2023-02-03 16:33

回答 2 已采纳第一个开始时间得通过开发工具定位看下是不是其他样式影响了。最后一组的星期的html结构和其他不一样，多了一层span。去掉span容器。
请教一个js与css判断option value为空时的select框红色抖动问题 css html javascript 有问必答
2021-11-15 15:58

回答 2 已采纳刷新抖动因为dom中加了while_error样式，去掉下面表单html中的while_error <form action="" method="POST" class="mb20 whi
html中option改成透明的,css设置option样式怎么修改select option样式
2021-06-13 14:21

一悦的博客怎么修改select option... 代码： 123 blue 黄色红包如何修改select的子元素option的默认样式默认值选项之 css代码： .selectbox{ width: 200px; display: inline-block; overflow-x: hidden; height: 28px; li...
前端css select、option禁用
2021-03-10 12:16

Э时间行者于我的博客前端禁用select、option，看图说话 1.直接使用disabled在option 上禁用就可以了 <div class="rig_ipt200 "> <div class=" g-select " style="border-radius: 5px;width: 200px;border: none;"> <...
原始CSS美化select下拉框option
2022-06-03 17:04

wybshyy的博客上代码 Cars Select Volvo Saab Opel Audi body { font-size: 20px; color: #090; background-color: #eee; text-align: center; } .select { display: inline-block; width: 300px; position: relative; ...
用CSS设置select的样式
2022-01-11 14:24

小跳不会Coding的博客用CSS设置select的样式
没有解决我的问题, 去提问

悬赏问题

¥15 素材场景中光线烘焙后灯光失效
¥15 请教一下各位，为什么我这个没有实现模拟点击
¥15 执行 virtuoso 命令后，界面没有，cadence 启动不起来
¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
¥20 有关区间dp的问题求解
¥15 多电路系统共用电源的串扰问题
¥15 slam rangenet++配置
¥15 有没有研究水声通信方面的帮我改俩matlab代码
¥15 ubuntu子系统密码忘记
¥15 保护模式-系统加载-段寄存器