bootstrap-table复选框选中行变黑，如何自定义颜色或排查依赖？

• 先排除依赖问题：只要你正常引入了Bootstrap核心CSS和Bootstrap Table的专属CSS，就不会是依赖缺失导致的选中行变黑。Bootstrap Table的复选框选中样式是基于Bootstrap基础样式扩展的，依赖层面没问题。

• 自定义选中行颜色的正确姿势：
  Bootstrap Table给选中的行自动添加了selected类，你之前改CSS无效大概率是选择器优先级不够，默认样式覆盖了你的自定义代码。用下面这个高优先级的选择器就能搞定：

  /* 替换#d4edda为你想要的背景色 */
  .table > tbody > tr.selected > td,
  .table > tbody > tr.selected > th,
  .table-hover > tbody > tr.selected:hover > td,
  .table-hover > tbody > tr.selected:hover > th {
      background-color: #d4edda;
      /* 可选：修改选中行的文字颜色 */
      color: #155724;
  }
  

• 注意事项：
  确保你的自定义CSS代码是放在Bootstrap CSS和Bootstrap Table CSS之后引入的，这样才能保证自定义样式的优先级足够覆盖默认样式。如果还是没效果，可以用浏览器开发者工具（F12）查看选中行的样式，确认是否有其他第三方CSS和这个样式冲突，再针对性提高选择器优先级。

内容的提问来源于stack exchange，提问作者Gabo