如何向 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) 嵌套一个容器内的盒子并应用样式溢出其中的一部分。
我使用了四个文本阴影命令在我页面 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) 嵌套一个容器内的盒子并应用样式溢出其中的一部分。