如何在Bootstrap中向插入符号添加文本阴影(或类似)?

时间:2015-01-14 17:36:36

标签: css css3 twitter-bootstrap

我使用了四个文本阴影命令在我的页面的Bootstrap nav-pill导航文本中创建了一个虚假的“笔画”。我遇到的唯一问题是使用下拉列表中的caret上使用的span类不会继承这些阴影,并且将自定义阴影类应用于该span元素不会修复它(我假设caret不是'text',本身)。

Bootstrap中的caret符号是什么类型的字符或对象,我是否可以对其应用阴影,因此它符合我当前的设计?

编辑:我应该补充一点,我的网络服务器上没有Bootstrap文件,而是在外部链接到它。

1 个答案:

答案 0 :(得分:1)

事实证明,Bootstrap使用的三角形不是字符而是CSS trick,因此应用box-shadow会在border-size属性创建的透明框上放置阴影这个伎俩。有两种方法可以达到相同的效果:1)使用unicode字符,例如:▼并在从<span class="caret"></span>菜单中删除nav时应用文本样式,或者2)嵌套a容器内部的盒子,并且应用了样式,溢出了它的一部分。

来源:css-tricks.com/triangle-with-shadow