bootstrap pagination组件本身不包含“上一页/下一页”箭头图标，仅渲染«/»等html实体文本；所谓箭头多源于手动添加的伪元素、误认dropdown三角或第三方图标库残留样式，修改需直接替换dom内容并确保可访问性与对齐。
Bootstrap Pagination 本身没有箭头图标
所谓“上一页/下一页箭头”，Pagination 组件默认只渲染文本 « 和 »（HTML 实体），不是 SVG、伪元素或字体图标。你看到的“箭头”大概率来自：::before/::after 伪元素（你自己或团队加的）、误把 Dropdown 的三角当成分页箭头，或者用了第三方图标库但没清理旧样式。
想换 «/» 文本为图标，得手动替换 DOM 内容
Bootstrap 不提供 prevIcon 或 nextIcon 配置项，必须直接改 HTML 结构：
- 用
<i class="fas fa-chevron-left"></i>替换«，前提是项目已加载 Font Awesome 并确保font-family正确 - 用 inline SVG 更可控：
<svg aria-hidden="true" width="12" height="12" viewbox="0 0 16 16"><path d="M11.354 1.646a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L13.597 8 11.354 5.757a.5.5 0 0 1 0-.708z"></path></svg> -
aria-label="Previous"和aria-hidden="true"必须保留，不能删 - 加
vertical-align: middle或display: inline-flex对齐图标与文字基线，否则容易上下偏移
为什么 .page-link::after 覆盖无效
.page-link 默认**没有定义 ::after 伪元素**——那是 .dropdown-toggle 的行为。你在 DevTools 里看到的 ::after 样式，基本是其他组件（比如导航栏下拉按钮）的 CSS 泄漏过来的，或是全局样式干扰导致的误判。
强行写 .page-link::after { content: "..."; } 不仅无效，还可能破坏语义结构或触发意外重绘。
移动端点击区域变小，根本原因是没调 padding-right
换完图标后点不开，90% 是因为没同步调整 .page-link 的内边距：
- 原生 «/» 占位窄，图标宽得多，但
padding-right没加，导致热区被压缩 - 检查 computed 样式中
padding-right是否 ≥1.5rem（推荐值） - 给
.page-link显式设min-width: 44px和min-height: 44px，满足触摸目标最小尺寸 - 别依赖
opacity: .5表示禁用状态——它对屏幕阅读器不可见，必须同步设aria-disabled="true"
