将边框颜色设置为 glyphicon

2024-02-08

我想为 glyphicon 字体添加边框。例如,glyphicon-heart它有一个红色边框,颜色与背景相同。我怎样才能做到这一点?

border-color: 'red'没有完成这项工作。不会显示边框。


基本上,glyphicon 图标是字体,您只需使用 css 即可更改它们的颜色color财产。因此,改变字体的颜色,你就会改变背景。现在,字体已经没有了border-color属性,但您可以使用来模拟它text-shadow

.glyphicon{
    font-size: 60px;
    color:red;
    text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}

http://jsfiddle.net/9suc171t/1/ http://jsfiddle.net/9suc171t/1/

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

将边框颜色设置为 glyphicon 的相关文章

  • TransitionEnd 事件未触发?

    我有多个元素 每个元素都以 某种程度上 持续时间进行动画处理 我使用 CSS3 过渡 jQuery 库和transitionend辅助函数来自大卫 沃尔什 https davidwalsh name css animation callba
  • 如何使用 ng-repeat 更改 AngularJS 中特定 的背景颜色

    如何为每一行设置不同的背景颜色 举个例子 第 1 行 蓝色 第2行 红色 第三行 绿色 main js scope names fName John lName David fName Richard lName Daniel fName
  • 的 CSS margin-top 影响父级的边距

    我已经研究这个问题有一段时间了 但还没有找到直接的答案 当向元素添加页边距顶部时 就我而言 它主要发生在标题上 在许多情况下 边距顶部是与父级共享的 HTML div h1 My title h1 div CSS div padding 2

  • 阻止内容因 Bootstrap 中的重叠而被下推

    In a 上一个问题 https stackoverflow com questions 22293227 make an element overlap contents below it using bootstrap 22293428
  • Firefox 30 不再隐藏选择框箭头

    我一直使用的 技巧 是 select moz appearance none text indent 0 01px text overflow 在 FF 上进行自定义选择框 但自从版本 30 发布以来 它完全停止工作 我试图找出这是否已被弃
  • Firefox 背景图像在切换标签后消失

    我在渲染背景图像时遇到一些非常奇怪的问题 我不确定这是 Firefox 的错误还是我的错 每次我在 Firefox 中打开项目站点时 所有背景图像都会正确加载并显示 当我切换到另一个选项卡并在一段时间后切换回来后 所有背景图像都消失了 我检
  • 有史以来最复杂的 CSS 渲染错误 (IE9)

    在 IE9 中看一下 http jsfiddle net dalgard n6PDB show http jsfiddle net dalgard n6PDB show screen dump 阅读这些评论 IE9 Upon moving
  • 将焦点和光标设置到文本输入字段/字符串 w 的末尾。 Jquery [重复]

    这个问题在这里已经有答案了 我有以下函数 将选择器添加到搜索输入作为高级选项 就像堆栈溢出高级搜索一样 当您单击要搜索的内容时 它会添加一个前缀 请参阅下面的 Jquery
  • 角度按钮单击旋转图标

    我有以下按钮
  • 居中时仅在文本的最后一行下划线

    我只想在某些文本的最后一行下划线 当文本换行到更多行时 仍然只有最后一行需要加下划线 我找到了这个解决方案 https stackoverflow com questions 15180827 advanced css challenge
  • CSS3 中均匀间隔的导航链接占据 ul 的整个宽度

    我想创建一个水平导航链接列表 其中导航链接均匀分布并占据封闭容器的整个宽度 ul 导航链接可以有不同的宽度 第一个和最后一个链接应与链接的开头和结尾对齐 ul 分别 意味着链接不居中 如下所示 left side right side li
  • 响应式 CSS 图像锚点标签 - 图像地图样式

    我一直在开发一个响应式网站 并且在图像映射方面遇到了一些问题 图像映射似乎不适用于基于百分比的坐标 经过一番谷歌搜索后 我发现了一个 JS 解决方法 http mattstow com experiment responsive image
  • Firefox 忽略背景大小的 css

    尝试使用背景大小 CSS 规则缩小图像 但 Firefox 3 5 似乎会忽略该规则 CSS privatejoker background aqua url styles images home privatejoker png no r
  • 没有嵌套容器的桌面和移动 Flexbox 布局

    我有 3 个 div 它们必须按移动布局的特定顺序排列 但我必须将第 2 个 div 作为桌面布局的侧边栏 所以对于移动设备 分区1 分区2 分区3 对于桌面 分区1 div2 分区3 在桌面布局中 div 2 有阴影背景 因此必须是父级的
  • 可见性的替代方案:折叠在 IE 和 Chrome 上不起作用

    以下页面 table border 1 tr class cccc td one td tr table 仅适用于 Firefox IE 始终显示该行 而 Chrome 隐藏该行但显示其垂直空间 那么 如何仅使用 CSS 完全隐藏一行呢
  • 如何在 div 容器内的元素之间留出空间

    我有一个弹性容器 它将由元素动态填充 容器没有固定宽度 I use max width max content 并且可以包含我想要的任意数量的元素 问题是我需要这些元素之间的间距 但不需要元素和容器之间左侧和右侧的间距 当然我可以用 ele
  • c# 如何生成锦标赛括号 HTML 表

    所以我已经被这个问题困扰了三个星期 但我一生都无法弄清楚 我想做的是使用表格获得这种输出 演示 http www esl world net masters season6 hanover sc2 playoffs rankings htt
  • 有没有办法在 html 图像标签中显示位图数据? [复制]

    这个问题在这里已经有答案了 有没有办法在 HTML 元素中显示位图图像数据 例如 您有一个指向源文件的常规图像 如下所示 img src myImage png width 100 height 100 有没有这样的事情 img width
  • 由于固定导航,增加了 FancyBox v2 的顶部和底部边距

    我目前正在开发一个网站 该网站将来将具有响应能力 该网站主要由图像组成 单击这些图像会加载到 FancyBox 中 FancyBox v2 现在具有响应能力 因此可以在屏幕尺寸发生变化时重新调整图像等的大小 作为我设计的一部分 我有两个固定
  • `ie9` - contenteditable false 在父级可编辑时不起作用

    我正在尝试制作内容可编辑和不可编辑的容器 用户可以通过 3 种方式使用它 他们可以将内容与non editable 他们可以将内容与editable 他们可以在不选择其中之一的情况下放置内容 可编辑 我正在努力实现以下目标 content

随机推荐

  • 读取文本文件直至某个字符

    这是我的困境 我有一个文件 希望读入所有字符 直到程序遇到 为止 并忽略 之后该行上的所有内容 例如 0 4001232 0 评论 丢弃 这很令人沮丧 因为感觉有一个非常简单的解决方案 谢谢 FILE f fopen file txt r
  • 导入适用于 Python 2.7 但不适用于 Python 3.4 的模块

    我之前一直在 Python 2 7 中使用 PyCharm 并且能够导入模块sklearn 它是通过安装的sudo apt get install python sklearn 不过 我现在已更改 PyCharm 中的设置以使用 Pytho
  • 为什么这个 SQL 脚本会这样工作?

    我正在从 SQL Server 2005 的表中提取电子邮件地址记录 并希望构建一个字符串用作 recipients列出与sp send dbmail 该表有一个名为 EmailAddress 的字段 表中有 10 条记录 我正在这样做 D
  • Android Studio 无法识别源文件夹

    我使用标准 Android Studio 目录结构 并创建了不同的构建类型 buildTypes debug runProguard false packageNameSuffix debug signingConfig signingCo
  • 为什么我不能通过 DLL/C-Connect 将 UninterpretedBytes 传递给 void*?

    我想将 UnterpretedBytes 传递给外部库 这样说 MyLibrary gt gt foo buf len len
  • 如何在 R 中的主热图旁边添加额外的单列热图

    我有以下脚本 library gplots mydata lt mtcars mydata nr lt nrow mydata mydata newval lt data frame row names rownames mydata ne
  • 使用 CSVhelper C# 合并具有不同标头的 CSV 文件

    尝试使用 CSVhelper 将目录中的多个 csv 文件合并为一个 csv 文件时 目录中有 50 个 csv 文件 在这 50 个文件中有两组文件结构 一组有 7 列 一组有 6 列 每个文件都有完全相同的前 5 个标题 但是根据文件的
  • laravel 资源控制器/路线和模型

    所以如果你做类似的事情 artisan make model TurboClown artisan make controller TurboClownController r model TurboClown 所以此时可以添加如下内容 R
  • 如何将两个分数相加?

    在 C 中如何添加两个分数 如下所示 11 6 3 4 31 12 然后你会如何简化答案 周五晚上 无聊袭来 导致 Fraction 类的运算符超载 无法保证设计的严谨性 它的工作原理是这样的 Fraction left 1 2 Fract
  • 我如何在 UiButton 操作中传递任何类型的参数?

    我想通过按钮操作传递一个 url 因为我有 10 个按钮 它们是通过代码动态创建的 单击后会为每个相应的按钮分配一个特定的 url 这是我的代码 NSString linkUrl NSString stringWithFormat Allr
  • SWI-Prolog - 单元测试库 plunit - 如何使用 forall 选项?

    对于我的词法分析器 分词器 https en wikipedia org wiki Lexical analysis Tokenization 全部ASCII https en wikipedia org wiki ASCII 7 bit
  • 将多个原型单元加载到 UITableView 中

    我目前有一个 UITableView 其中包含 2 行自定义单元格 我最近在故事板中添加了第二个原型单元 并尝试将其添加到 UITableView 中 但没有成功 我的 cellForRowAtIndexPAth 方法如下 func tab
  • SKTexture 和 UIImage 的缩放属性

    是否有任何原因导致SKTexture似乎忽略了 scale构建图像时通过textureWithImage 我有一个可用的图像资源 电子邮件受保护 cdn cgi l email protection 当我尝试先创建 UIImage 时创建纹
  • 如何从 Django 视图函数中读取文本文件?

    我的视图函数之一中有以下代码 def results request data file open data txt r data data file read context rooms data return render reques
  • Android ioctl - root权限和使用

    我正在 Android 应用程序中开发一些路由功能 并且需要访问 ioctl 由于使用 ioctl 的应用程序需要 root 权限才能运行 因此我能够调用它们的唯一方法是链接一个单独的可执行文件并从 Java 调用它Runtime getR
  • Opencv canny 边缘检测在 Android 应用程序上崩溃

    我是 OpenCV 的新手 当我尝试应用 Canny 检测器时 我的应用程序崩溃了 我看过另一篇相同的文章 但我尝试过 但没有任何结果 我使用Android Studio 3 0 OpenCV 3 2 0 我的手机是Android 6 0
  • Node.js 检查文件是否存在

    如何检查文件是否存在 考虑直接打开或读取文件 以避免竞争条件 const fs require fs fs open foo txt r err fd gt fs readFile foo txt err data gt if err da
  • html5视频和音频缓存问题

    我编写了一个自定义媒体预加载器 它使用了一系列XMLHttpRequests在显示我的内容之前加载大量媒体ng2 app 利益相关者要求所有媒体都下载在full在使用该应用程序之前 private loadFile media any re
  • 单击提交按钮时,我的 ASPX 文件中的第二个模态不会发布

    我有一个 ASPX 文件 其中包含两个模式 myModal 和 addModal 和一个 gridview 其中包含调用每个模式的按钮 打开并单击 提交 按钮时 我遇到了第二个模式的问题 因为它不会触发回发 只是第二个有问题 如果我更改 A
  • 将边框颜色设置为 glyphicon

    我想为 glyphicon 字体添加边框 例如 glyphicon heart它有一个红色边框 颜色与背景相同 我怎样才能做到这一点 border color red 没有完成这项工作 不会显示边框 基本上 glyphicon 图标是字体