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

按钮文字隐藏终极解决方案_html/css_WEB-ITnose

php中文网
发布： 2016-06-24 12:34:47
原创
1430人浏览过

关于按钮文字隐藏已知的一些处理方法都不是很完美：

方法一 text-indent负值法

ie6，7下按钮本身也会被拐飞 - -

方法二 font:0/0 a 方法

ie6，7下会在按钮上看到一条细线

立即学习“前端免费学习笔记（深入）”；

 

解决方案

对于高级浏览器 可以使用color:transparent对按钮文字进行隐藏

巧文书
巧文书

巧文书是一款AI写标书、AI写方案的产品。通过自研的先进AI大模型，精准解析招标文件，智能生成投标内容。

巧文书 61
查看详情 巧文书

对于ie6，7 请使用神奇的padding-left属性

ie6，7下在按钮给定宽度的情况下 给按钮设置较大的padding-left属性值时，可以发现按钮本身宽度不变 但按钮上的文字已经被挤走了

ok 收工o(∩_∩)o 

 

欢饮批评指教

 

大家都在看：

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

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

下载
来源：php中文网
收藏 点赞
上一篇：Web前端开发规范文档(转)_html/css_WEB-ITnose 下一篇：Html 学习笔记_html/css_WEB-ITnose
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
深入理解CSS vw 单位：解决因滚动条导致的水平溢出问题 本文深入探讨了在CSS布局中，当页面内容垂直溢出导致滚动条出现时，使用vw单位可能引发的水平溢出问题。核心原因在于100vw会计算包含滚动条的视口宽度，而非仅内容区域。文章将通过示例代码解析此现象，并提供多种解决方案，帮助开发者避免布局错位，实现响应式且无瑕疵的网页设计。
2025-11-11 10:55:37
772
Python LXML与XPath：高效提取HTML链接文本的实用教程 本教程将详细介绍如何使用Python的lxml库结合XPath表达式，从复杂的HTML结构中准确、高效地提取链接（a标签）的文本内容。文章强调构建健壮XPath的关键策略，如优先使用类名和ID而非绝对路径，并利用//text()函数直接获取节点文本，以应对网页结构变化，确保解析代码的稳定性和可靠性。
2025-11-11 10:55:22
512
解决HTML元素跨父级水平对齐中的滚动条宽度影响问题 本文旨在解决HTML元素在不同父级容器中，因其中一个元素引入滚动条导致其有效宽度变化，进而破坏水平对齐的问题。通过优化CSS属性（如height、overflow、box-sizing）和调整HTML结构，确保具有滚动条的元素能够在其自身范围内管理滚动，同时保持与无滚动条元素的精确水平对齐，避免使用复杂的JavaScript计算滚动条宽度。
2025-11-11 10:54:12
847
解决Django模板中Bootstrap Modal动态ID失效的策略 本文探讨了在Django模板中，当BootstrapModal的ID由数据库主键动态生成且数值超过1000时，可能因Django的l10n本地化功能自动添加千位分隔符，导致HTMLID无效而无法显示的问题。教程提供了使用|safe过滤器来阻止数字格式化，确保生成有效HTMLID的解决方案，并辅以代码示例和注意事项。
2025-11-11 10:53:17
706
在Angular中集成Three.js并管理画布布局 本教程详细介绍了如何在Angular应用中集成Three.js，并精确控制其渲染画布的大小和位置，避免默认全屏显示。通过HTML结构、CSS样式和Angular的@ViewChild装饰器，您可以将Three.js场景嵌入到特定的DOM元素中，实现灵活的布局管理和响应式渲染，从而在应用中创建多个独立的3D视图。
2025-11-11 10:48:01
487
DOM遍历与文本节点换行符添加：HTML元素内容换行处理教程 本教程详细探讨了如何在HTML元素的文本内容中添加换行符，特别是在处理混合内容（即同时包含文本和子元素）的场景。文章分析了直接修改innerHTML或textContent的局限性，并提出了一种通过递归遍历DOM树并直接操作文本节点（TextNode）的专业解决方案，确保换行符能够精确地插入到目标文本之后，同时保持DOM结构的完整性。
2025-11-11 10:45:01
817
解决OpenLayers地图重复加载问题：动态更新图层源而非重复创建地图 本教程旨在解决OpenLayers应用中因动态更新图层数据而导致的地图重复加载问题。文章将详细阐述当通过HTML选择框切换KML文件时，如何避免重复创建OpenLayers地图和图层实例，而是通过高效地更新现有图层的source属性来确保地图的单例显示和流畅的用户体验。
2025-11-11 10:42:01
668
优化JavaScript双标签页切换：状态管理与内容联动指南 本文将指导如何使用纯JavaScript优化双标签页界面，实现高效的激活/非激活状态管理与同步内容显示，解决内容可见性问题。通过集中式逻辑和CSS类，展示如何构建健壮且易于维护的标签页切换机制。
2025-11-11 10:38:23
972
html网页临时缓存怎样刷新_html网页临时缓存刷新的快速操作 强制刷新可获取最新网页内容，方法包括：使用Ctrl+F5或Cmd+Shift+R硬刷新；清除浏览器缓存数据；通过无痕模式访问；修改URL参数如?v=1绕过缓存；开发者工具中禁用缓存并重新加载。
2025-11-11 10:15:02
856
如何使用开源编辑器处理HTML与JavaScript集成的处理方法 选择VSCode等开源编辑器并合理配置，通过安装LiveServer、ESLint等插件支持HTML与JavaScript集成开发，利用智能提示、调试工具和代码片段提升效率，结合多光标编辑、自动保存与格式化功能，可显著优化前端开发流程。
2025-11-11 10:13:14
325
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

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

  • PHP学习

  • 技术支持

  • 返回顶部