css - 如何在 Bootstrap 中将文本阴影(或类似的)添加到插入符号？

Question

我使用了四个文本阴影命令在我页面的 Bootstrap nav-pill 导航文本中创建了一个虚假的“笔画”。我遇到的唯一问题是带有下拉菜单的药丸中 span 上使用的 caret 类不继承那些阴影，并应用我的自定义阴影类到那个 span 元素也没有修复它(我假设 caret 本身不是“文本”)。

Bootstrap 中的 caret 符号是什么类型的字符或对象，我是否可以对其应用阴影以使其符合我当前的设计？

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

Answer 1

事实证明，Bootstrap 使用的三 Angular 形不是一个字符而是一个 CSS trick。所以应用 box-shadow将在这个技巧的 border-size 属性创建的透明框上放置一个阴影。有两种方法可以达到同样的效果:1)使用unicode字符，如:▼ 并应用文本样式，同时删除 <span class="caret"></span>来自 nav菜单，或 2) 在容器内嵌套一个框并应用样式溢出其中的一部分。

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