程序员经验分享-hwhale

如何创建很棒的字体图标的禁用状态？

2024-02-28

我正在使用很棒的字体图标，并且我需要使图标处于禁用状态。有什么办法可以做到这一点吗？我也在使用引导程序。

这就是我使用图标的方式。

<i class="fa fa-slack"><i/>

我只需要图标看起来像灰色的。


为残疾人编写一个自定义类

就像是

.fa-disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

添加光标类型对于用户体验很重要。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

twitterbootstrap3

fontawesome

如何创建很棒的字体图标的禁用状态？ 的相关文章

  • 如何使用 Bootstrap 将按钮对齐到中心

    我使用 Bootstrap 创建了一个图块 在图块内部 靠近底部 我想要图块的三个按钮 开始 中间和结束 我制作了开始和结束按钮 但使用了两个div标签有pull left and pull right类 现在我想要的是放置中间按钮 这是我

  • 如何使用javascript检查网页中是否加载了Font Awesome？

    我需要检查网页中是否有 Font Awesome 如果没有 我将用 javascript 加载它 有点像 facebook sdk 检查是否存在包含 id facebook jssdk 的脚本元素 如果是 则返回 不执行任何操作 如果不存在

  • 在 Bootstrap 3 模式中使用 jQuery DatePicker

    我想用jQuery UI 日期选择器在模态中 真正的问题是 如果我还想显示年份和月份 它会显示空选择 使用firebug 选项标签似乎位于模态下 这是我的 HTML div class modal dialog div class moda

  • Bootstrap 3选择内联输入形式

    我正在尝试获取输入并选择彼此内联的选项 例如该演示使用 Bootstrap 2 死链接 http bootply com 93408 遵循 Bootstrap 3 指南 我设法做到这一点 div class container div cl

  • 为什么我应该开始使用 Google Material Design Lite 而不是 Twitter Bootstrap 或 Foundation

    免责声明 我不想开始任何对抗谷歌粉丝 我只是问 因为我没有找到我的问题的直接答案 也许已经开始使用它的人 或任何谷歌开发人员 可以提供建议 谷歌最近宣布材料设计精简版 1 0 https developers google com web

  • Bootstrap 3.0：固定列

    请在这里找到我的设计 http jsfiddle net 2JGQa http jsfiddle net 2JGQa 我想修复左栏 包括 testlab fr 1er 邮件 10eme 邮件 例如我的标题 我该怎么做 我看到了 affix

  • 使用 jquery 添加类后，字体很棒的图标字体作为输入中的占位符

    我正在尝试使用字体很棒的图标作为搜索输入字段中的占位符 Jsfiddle 示例 http jsfiddle net gA4rx 831 我使用相应的 html 实体作为占位符 然后使用伪类使用正确的字体系列设置占位符的样式 jsfiddle

  • JavaScript 中的 Struts2 标签

    我正在使用 struts2 进行一个项目 我有一个带有 bootstrap 动态表的 jsp 页面 当我尝试添加仅包含文本字段的行时 它工作得很好

  • Shadow dom 内的 FontAwesome svg

    我正在尝试在 Web 组件中使用 font Awesome js svg 库 但图标不会显示 这可能吗 我正在尝试在现有的 webforms 项目中实现一个角度组件 而无需 css 和脚本 流血 关于如何做到这一点还有其他建议吗 ifram

  • 刷新浏览器后 Font Awesome 图标消失

    刷新页面 F5 后 我的字形从 Internet Explorer 11 网页消失 但是 当我通过单击其菜单链接打开网页 首次刷新后 时 页面显示正确 在 Chrome 中 即使按 F5 后也能正常工作 我正在运行 Bootstrap v3

  • 阻止文本环绕在锚点内的图标下方

    我正在尝试创建一个由图标表示的链接 我正在使用字体很棒 questions tagged font awesome用于图标 和一些文本 如果文本换行到下一行 我希望它与文本对齐 而不是出现在图标下方 我尝试过在此找到的解决方案answer

  • Bootstrap 预滚动 DIV 的固定高度

    在我的应用程序中 我必须显示数据库记录的 bootsatarp 网格 由于记录数足够大 无需整页滚动即可查看 因此我用 bootstrap 预滚动 div 包裹了表格 它为我提供了滚动表格的功能 然而 DIV 大小始终是浏览器窗口的一半 我

  • 将工具提示添加到字体很棒的图标

    这里有人为字体很棒的图标添加了工具提示吗 我有关注 jsfiddle https jsfiddle net HarrietFiddles 1btr64kw 1 但似乎找不到向图标添加工具提示的指南

  • 如何将文本放置在 Font Awesome 图标上？

    有没有办法垂直对齐堆叠在 Font Awesome 图标顶部的文本 我想将这个堆栈中的 1 向上移动 以便它位于奖杯图标的杯子中央 我尝试在封装 1 的范围中添加底部边距和底部填充 但都没有成功 有没有一种简单的方法可以完成我想要完成的任务

  • （响应式）表格宽度不适合 ios safari 上 iframe 内的容器

    我在 iPhone 的 safari 上的 iframe 内渲染表格时遇到问题 这是示例 http jsfiddle net qb86ojms http jsfiddle net qb86ojms 如果您在桌面浏览器 较小的尺寸 或 and

  • 如何将 Font Awesome 添加到 Ionic 4

    有很多关于如何将 Font Awesome 添加到 Ionic 3 项目中的教程和文章 但我很难找到有关如何将 Font Awesome 添加到 Ionic 4 项目中的教程和文章 那么这就提出了一个问题 如何在 Ionic 4 项目中添加

  • bootstrap-3 在 div 底部对齐链接和按钮

    从下面的屏幕截图中可以看出 链接并未在底部对齐div 如何对齐按钮edit delete add cart在底部div 注意我没有使用table bottomaligned position absolute bottom 0 margin

  • 在 Bootstrap 导航栏后添加一些空间的最佳方法是什么？

    以下代码始终在页面顶部显示导航栏 我需要将第二个容器 内容 放置在导航栏的末尾而不是其下方 目前第二个容器位于导航栏下方 我可以在内容顶部添加一些空白 但我不确定这是一个好方法 知道如何解决吗 div class container div

  • 循环浏览 Bootstrap 3 jumbotron 的背景图像

    我正在尝试获取 3 个图像作为 Bootstrap 3 jumbotron 的背景循环播放 但问题是我在大屏幕中有 3 个 div 到目前为止我尝试过的所有解决方案都要求我将大屏幕的位置更改为相对位置 将背景图像更改为绝对位置 而且因为我试

  • Bootstrap Glyphicons 在 IE10 或 FF 中不显示

    我无法在 IE10 或 FF 中显示引导字形图标 我正在使用最新的 bootstrap 3 代码 并以标准方式包含字形 span class glyphicon glyphicon edit span 它们在 Chrome 中工作正常 但在

随机推荐

  • 如何防止 Vuex 干扰我的类实例？

    我试图在 Vuex 中存储一个类的实例 EditorState https prosemirror net docs ref state EditorState来自散文镜 这个类从外部来看或多或少是不可变的 这意味着每当我想对其进行更改时

  • Bash 中使用“echo”变量覆盖文本问题

    我使用 OS X 10 6 5 Bash 当我运行这个时 echo IP echo of echo IPLINES 我得到这个输出 219 80 4 150 3128 of 1108 当我运行这个时 echo IP of IPLINES 我

  • App Engine 数据存储区 - 开发服务器限制

    我正在尝试测试 Google App Engine 数据存储数据库的效率 我想知道它查询大型数据集的速度有多快 总的来说 我的意思是大约 5 1000 万个同类实体 devserver 只允许我输入 1000 个同类实体 有办法提高这个限制

  • 如何使用 TestNg 和 eclipse 在其他浏览器完成后在多个浏览器中运行 Selenium webdriver 测试用例

    我想在所有多个浏览器中运行 selenium webdriver 测试用例但不是并行的是否可以在不使用xml和selenium网格的情况下在所有多个浏览器中运行测试用例 我们可以通过使用注释和java类来做到这一点 我希望我的测试用例应该首

  • 是否存在作为典型内联块存在的 HTML 元素？

    The div是典型的块级元素 并且span是内联对应项 它们是该显示类型的最简单的形式 没有其他属性 在很多情况下 我会给它们中的任何一个风格 display inline block 这使得它们的行为方式非常方便 为了div这意味着盒子

  • JavaScript 基本替换同一字符串中的两个字符

    I have var foo bar foo replace replace 所以 我得到bar没有括号 有更好的方法吗 你可以使用 foo foo replace g 这涉及一个简单的正则表达式 它匹配左括号或右括号的所有实例 请注意 您

  • Ubuntu 重启后 Google Chrome 丢失 cookies [关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 几天来我遇到了奇怪的问题 当我重新启动系统甚至重新登录时 我会在我登录或单击 记住我 的网站上注销 问题仅出现在 Google Chrom

  • 在 C# 中使用 MySQLConnection 无法正确关闭

    我尝试编写一个类来使 MySql 连接更容易 我的问题是 在我打开连接并关闭它之后 它在数据库中仍然打开并被中止 当然 我使用的是 using 语句 但连接仍然打开 并在退出程序后中止 我的代码如下所示 using DatabaseMana

  • 对大于屏幕尺寸的侧边栏进行位置粘性

    我有一个侧边栏 其高度大于屏幕尺寸 并且在使用时position sticky 除非滚动到页面末尾 否则我将无法看到侧边栏的底部 例如 如何确保滚动时页面的 50 已经显示侧边栏的下部 这里的代码示例 https jsfiddle net

  • ActionBar 操作项未显示[重复]

    这个问题在这里已经有答案了 我有一个非常简单的代码 但即使经过长时间的谷歌搜索也无法解决问题 我想在我的 ActionBar 中添加一些 Action Items 但是每当我运行应用程序时 我看到的只是一个带有应用程序徽标和标题的 Acti

  • 如何使用 OAuth 2 - OAuth 2 C# 示例

    我必须弄清楚如何使用 OAuth 2 才能使用 Deviantart api 我得到了 client id 和 client secret 部分 这是他们提供的信息 端点 使用 OAuth 2 0 向我们进行身份验证时所需的唯一信息是cli

  • 关于 try-catch 块的思考

    您对如下代码有何看法 public void doSomething try actual code goes here catch Exception ex throw 我看到的问题是实际的错误没有得到处理 只是将异常抛出到不同的地方 我

  • 避免 C++ 中的非正规值

    在寻找了很长时间的性能错误之后 我读到了有关非正规浮点值的内容 显然 非规范化浮点值可能是一个主要的性能问题 如本问题所示 为什么将 0 1f 更改为 0 会使性能降低 10 倍 https stackoverflow com questi

  • 如何在 React 组件之外访问历史对象

    首先 我对这个领域非常熟悉带路由器 https reacttraining com react router web api withRouter然而 在这种情况下 HoC 没有帮助 因为我不想访问history组件中的对象 我正在尝试实现

  • 将 IO 输出收集到列表中

    我怎样才能发出多个呼叫SDL pollEvent IO Event http hackage haskell org packages archive SDL 0 6 2 doc html Graphics UI SDL Events ht

  • 抛出异常后继续循环迭代

    假设我有这样的代码 try for int i 0 i lt 10 i if i 2 i 4 throw new Exception Test i catch Exception ex errorLog AppendLine ex Mess

  • MySQL 匹配 - 在布尔模式下？

    我正在使用 PDO 执行 MATCH AGAINST 查询 以下内容不返回任何内容 SELECT title author isbn MATCH title isbn AGAINST term AS score FROM books WHE

  • 将txt转换为xlsx的Powershell脚本

    我想将文本文件转换为 Excel 格式 我使用来自 Technet 的以下脚本 Script name ConvertTilde ps1 Created on 2007 01 06 Author Kent Finkle Purpose Ho

  • 使用鼠标选择日期时，JQuery UI Datepicker 失去焦点

    我将 JQuery ui 与日期选择器一起使用 当用户点击某个字段时 他们会适当地弹出日历 用户选项卡 通过按键进入字段 用户通过鼠标单击选择日期 用户选项卡 Tabindex 从 1 开始 在表单的开头 这是代码 也可能设置选项卡索引

  • 如何创建很棒的字体图标的禁用状态？

    我正在使用很棒的字体图标 并且我需要使图标处于禁用状态 有什么办法可以做到这一点吗 我也在使用引导程序 这就是我使用图标的方式 i class fa fa slack i i 我只需要图标看起来像灰色的 为残疾人编写一个自定义类 就像是 f

热门标签