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

How can I add a text-shadow (or similar) to a caret in Bootstrap?

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

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

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

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

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