【】下拉框加图标的问题_html/css_WEB-ITnose

php中文网

发布时间：2016-06-24 11:48:53

1569人浏览过

来源于php中文网

原创

现在要在下拉框里加上图标，代码如下

<select class="selectpicker show-tick">    <option class="icon-heart" value="icon-heart"> icon-heart</option>    <option class="icon-star" value="icon-star"> icon-star</option>    <option class="icon-film" value="icon-film"> icon-film</option>    <option class="icon-file" value="icon-file"> icon-file</option> </select>

使用的是bootstrap的select控件，显示效果如下：

现在就是为什么第一选中后在下拉框里显示不出来？

ps：想要的效果是（这个鼠标点击别的地方不放的时候能显示已经选择的）：

回复讨论(解决方案)

我已经解决了这个问题，解决方案是给下拉框的字体添加一个颜色

<style type="text/css">    .special {        color: #808080 !important;    }</style>

这样就可以了

md2card

Markdown转知识卡片

下载

楼主这是要自问自答的节奏么？不用控件也是很容易实现的。

关键不是没人回答么还有这个不用控件该怎么实现呢？

js鼠标事件可以解决

HTML5PageVisibility检测页面_HTML5判断网页是否可见方法解答【操作】

CSS 中实现图标在输入框内垂直居中的正确方法

CSS 中实现图标在密码输入框内垂直居中的正确方法

解决表单标签重叠问题：为包裹输入框的 div 添加 relative 定位

HTML怎么设置图像边框圆角_HTML结合CSS border-radius教程【美化】

HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载

本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：css3.0 动画_html/css_WEB-ITnose 下一篇：请教一个有关链接<a>标签属性的问题_html/css_WEB-ITnose

热门AI工具

DeepSeek

幻方量化公司旗下的开源大模型平台

AI编程开发 AI聊天问答

豆包大模型

字节跳动自主研发的一系列大型语言模型

AI编程开发 AI大模型

通义千问

阿里巴巴推出的全能AI助手

AI编程开发 Agent智能体

腾讯元宝

腾讯混元平台推出的AI助手

文档处理 Excel 表格

文心一言

文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。

AI编程开发 AI文本写作

讯飞写作

基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

AI文本写作中文写作

即梦AI

一站式AI创作平台，免费AI图片和视频生成。

图片拼接图画生成

ChatGPT

最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

AI编程开发 AI文本写作

智谱清言 - 免费全能的AI助手

AI编程开发 Agent智能体

相关专题

Golang 测试体系与代码质量保障：工程级可靠性建设

Go语言测试体系与代码质量保障聚焦于构建工程级可靠性系统。本专题深入解析Go的测试工具链（如go test）、单元测试、集成测试及端到端测试实践，结合代码覆盖率分析、静态代码扫描（如go vet）和动态分析工具，建立全链路质量监控机制。通过自动化测试框架、持续集成（CI）流水线配置及代码审查规范，实现测试用例管理、缺陷追踪与质量门禁控制，确保代码健壮性与可维护性，为高可靠性工程系统提供质量保障。

2026.02.28

Golang 工程化架构设计：可维护与可演进系统构建

Go语言工程化架构设计专注于构建高可维护性、可演进的企业级系统。本专题深入探讨Go项目的目录结构设计、模块划分、依赖管理等核心架构原则，涵盖微服务架构、领域驱动设计(DDD)在Go中的实践应用。通过实战案例解析接口抽象、错误处理、配置管理、日志监控等关键工程化技术，帮助开发者掌握构建稳定、可扩展Go应用的最佳实践方法。

2026.02.28

Golang 性能分析与运行时机制：构建高性能程序

Go语言以其高效的并发模型和优异的性能表现广泛应用于高并发、高性能场景。其运行时机制包括 Goroutine 调度、内存管理、垃圾回收等方面，深入理解这些机制有助于编写更高效稳定的程序。本专题将系统讲解 Golang 的性能分析工具使用、常见性能瓶颈定位及优化策略，并结合实际案例剖析 Go 程序的运行时行为，帮助开发者掌握构建高性能应用的关键技能。

2026.02.28