微信公众号 讲师中心
首页
文章
web3.0 后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 JavaScript 后端开发 数据库 移动端 运维开发 UI设计 计算机基础 XML Web Services
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
web3.0 后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程
游戏教程 自媒体 新闻
首页 > web前端 > html教程 > 正文

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

php中文网
发布： 2016-06-24 11:48:53
原创
1562人浏览过
度加剪辑
度加剪辑

度加剪辑（原度咔剪辑），百度旗下AI创作工具

度加剪辑63
查看详情 度加剪辑

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

<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>
登录后复制

这样就可以了

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

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


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

js鼠标事件可以解决

大家都在看：

HTML速学教程(入门课程)
HTML速学教程(入门课程)

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

下载
来源：php中文网
收藏 点赞
上一篇：css3.0 动画_html/css_WEB-ITnose 下一篇：请教一个有关链接<a>标签属性的问题_html/css_WEB-ITnose
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
html如何js调用_HTML与JavaScript交互与函数调用方法 答案：HTML通过内联事件、DOM绑定、传参调用和页面加载自动执行等方式调用JavaScript函数。1.内联事件如onclick直接触发函数，适合简单场景；2.使用getElementById结合addEventListener实现结构与行为分离，利于维护；3.可在调用时传递参数，内联或闭包方式均可；4.通过DOMContentLoaded确保页面加载后执行初始化函数，避免元素未就绪问题。应根据项目规模选择合适方式，提升代码可读性与可维护性。
2025-11-02 18:31:35
950
怎么做html5_HTML5项目开发流程与最佳实践指南 项目需先规划需求与目标设备，再选技术栈；2.使用语义化标签构建清晰结构；3.通过响应式设计适配多端；4.优化资源提升性能；5.多环境测试确保兼容；6.部署后持续维护更新。
2025-11-02 18:29:02
597
网页html链接怎么打_网页html链接如何打实用技巧 使用HTML的标签可创建超链接，href属性指定目标地址，如网址、文件路径或邮箱；通过相对路径链接站内页面，添加target="_blank"在新标签页打开外部链接或下载文件；利用mailto发送邮件、tel拨打电话，适用于移动端；通过设置id与href="#id"实现页面内锚点跳转，便于长内容导航。
2025-11-02 18:08:02
437
HTML5代码如何创建Web Worker HTML5代码多线程编程的实践方案 WebWorker是HTML5提供的一种让JavaScript在后台线程中运行的机制，避免耗时操作阻塞页面渲染。通过WebWorker，可以实现多线程编程，提升网页性能。创建WebWorker的基本步骤要使用WebWorker，需将需要在后台执行的代码放入一个独立的JavaScript文件中，并在主脚本中创建Worker实例。新建一个JS文件（如worker.js），编写要在后台运行的逻辑在主页面中使用newWorker(‘worker.js’)创建Work
2025-11-02 17:35:02
693
html如何制作水印_HTML水印（文字/图片）添加与设置方法 使用CSS和HTML可实现网页水印，方法包括：一、通过background-image与dataURI嵌入斜向文字水印；二、利用伪元素结合transform旋转生成叠加文字层；三、插入img标签或背景图设置固定位置图片水印；四、用Canvas绘制多行斜纹并转Base64作背景；五、通过禁用右键、屏蔽快捷键及透明遮罩限制用户复制行为，增强防护。
2025-11-02 17:13:13
577
html如何选择颜色_HTML颜色选择器（input color）使用与取值方法 HTML中选择颜色可通过inputcolor实现，如使用并设置value值为十六进制颜色代码，默认值可直接在value属性中指定，如#ff0000表示红色。通过JavaScript监听input事件，可实时获取用户选择的颜色值，并应用于页面元素，实现动态颜色变化。此外，颜色还可通过CSS名称、RGB、RGBA、HSL等方式定义。为提升兼容性与功能，可选用jPicker、Spectrum、iro.js等第三方库。利用CSS变量管理颜色，如:root{--primary-color:#007bff;
2025-11-02 16:42:02
863
如何添加html书签_HTML书签（a name/id）添加与跳转方法 一、使用id属性创建书签：为元素添加id，如章节一，再通过跳转到章节一实现页面内跳转。二、使用name属性创建传统书签：插入作为锚点，用回到顶部进行跳转，适用于旧代码兼容。三、跨页面跳转到指定锚点：目标页有常见问题时，可通过查看帮助中的常见问题实现跨页跳转。四、使用JavaScript动态操作：可动态设置元素id，如document.getElementById("target").id="dynamicAnchor"，并通过window.location.hash或scrollIntoView
2025-11-02 15:51:02
880
html5文件如何实现前端预览与上传 html5文件API的基本使用方法 通过FileAPI实现HTML文件选择与预览：使用FileReader读取文件内容并显示在页面中；2.安全预览需转义HTML或用沙箱iframe隔离，防止XSS攻击；3.利用FormData和fetch将文件上传至服务器，确保后端支持multipart/form-data解析。
2025-11-02 15:42:02
912
html源码怎么保存为代码片段_html源码保存为代码片段的技巧 一、使用代码编辑器的片段功能，如VSCode中配置用户代码片段，定义前缀form-login即可快速插入登录表单；二、将常用HTML模块保存为语义化命名的独立文件，存入partials等专用文件夹便于引用；三、通过浏览器开发者工具复制元素outerHTML，粘贴并整理后按前述方法保存；四、利用GitHubGist等平台上传HTML片段，实现跨项目共享与调用。
2025-11-02 14:45:02
608
html如何放大表格_HTML表格（table）放大（缩放/CSS）方法 最常用方法是通过CSS调整表格尺寸和缩放效果。1.增大width、font-size和padding可提升可读性；2.使用transform:scale()实现整体放大，需设置transform-origin避免偏移；3.响应式场景推荐用rem、em等相对单位适配不同设备，保证布局稳定与视觉协调。
2025-11-02 14:29:02
196
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部