Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >bootstrap-table选中checkbox改变行的背景颜色

bootstrap-table选中checkbox改变行的背景颜色

作者头像
王小婷
发布于 2025-05-19 04:37:25
发布于 2025-05-19 04:37:25
10400
代码可运行
举报
文章被收录于专栏:编程微刊编程微刊
运行总次数:0
代码可运行

在bootstrap-table表格里面,当点击列选中或者取消选中checkbox的时候 背景色会发生改变,现在总体背景色非纯白,点击选中的灰色在蓝色背景里面显得尤为突出,需要改变一下颜色。

解决办法: 打开bootstrap-table.min.css 修改代码

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
.fixed-table-container tbody .selected td {
	background-color: #084392
}

这个时候可以看到选中的效果:

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1 90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2025-05-16,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
bootstrap table表格内容居中对齐
官方网站: http://bootstrap-table.wenzhixin.net.cn/ 参考文档:http://issues.wenzhixin.net.cn/bootstrap-table/index.html 中文文档:http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/ 下载bootstrap Table插件所必须的js,地址:https://github.com/wenzhixin/bootstrap-table
王小婷
2025/05/18
1060
bootstrap table表格内容居中对齐
bootstrap table表格去掉排序箭头
在bootstrap table表格插件里面,会有这样的排序箭头,可以将表格的内容按照一定的顺序排列,无论是需要或者不需要,都可以通过一个属性来控制sortable 。
王小婷
2025/05/19
450
bootstrap table表格去掉排序箭头
Webstorm编辑器设置背景和字号
Webstorm的默认界面似乎在UI上没有多好看,简单大方素净,同时也支持改变和调整webStorm基础设置-背景色、字体、大小,所以,作为开发者的我,就可以随意的折腾啦。
王小婷
2025/05/18
1790
Webstorm编辑器设置背景和字号
Bootstrap Table写一个Demo
基于 Bootstrap 的 jQuery 表格插件,通过简单的设置,就可以拥有强大的单选、多选、排序、分页,以及编辑、导出、过滤(扩展)等等的功能。
王小婷
2025/05/18
450
Bootstrap Table写一个Demo
设置输入框placeholder默认文字颜色
当背景色不为白色的时候,要给input输入框设置成为 白色,一般来说,设置color:#fff即可,但是placeholder默认的文字颜色还是灰色,这个时候需要写代码设置输入框placeholder文字颜色。
王小婷
2025/05/19
2170
设置输入框placeholder默认文字颜色
Bootstrap Table批量(全选)删除
3:最主要的是js里面实现,删除按钮事件 获得要删除整条数据的id,并且传递给后端,在数据库进行操作
王小婷
2025/05/18
1170
Bootstrap Table批量(全选)删除
jquery导航选中按钮颜色变化
今天写一个前端页面的小功能,选中某个按钮或者菜单的时候颜色发生变化,以便用户区分自己选中的选项,这也是一种前端日常工作之中优化项。 效果是这样的:
王小婷
2025/05/18
1380
jquery导航选中按钮颜色变化
关于checkbox传值问题
最近不知道要写什么了,没有怎么学习新的知识点,而是一直在研究jquery相关的东西,有人说jquery已经快要过时了,很多公司都不用这个框架了,但是我觉得,有些知识,作为基础,还是要多回顾一下,记录一下。今天写了一个简单的功能,将checkbox选中的value值提交到后端。
王小婷
2025/05/18
570
关于checkbox传值问题
Echarts饼状图修改图例legend文字颜色和字体大小
在默认的饼状图里面,图例legend颜色是黑色的,有时候根据ui需要,根据不同的背景色,需要将图例文字调成白色或者其他颜色,那么,修改这些的还是一句话,修改某个属性即可。
王小婷
2025/05/18
3860
Echarts饼状图修改图例legend文字颜色和字体大小
Bootstrap Table表格分页的使用及分页数据(Excel)导出
1:引入Bootstrap Table表格插件相关链接:这里直接拿来用就可以了,如果要下载到本地,可以自行去官网下载。
王小婷
2025/05/18
1310
Bootstrap Table表格分页的使用及分页数据(Excel)导出
vscode用浏览器预览运行html文件
王小婷
2025/05/18
8240
vscode用浏览器预览运行html文件
CSS去掉input框里面的默认字体颜色
但是经过测试之后,发现浏览器记住密码之后,输入框字体颜色发生改变,变成了黑色,很影响美观。
王小婷
2019/08/16
3.3K0
Bootstrap Table使用教程(请求json数据渲染表格)
今天来写一个关于Bootstrap Table使用教程(请求json数据渲染表格) json数据来源于后端小伙伴的接口,我放在本地进行模拟了
王小婷
2025/05/19
1120
Bootstrap Table使用教程(请求json数据渲染表格)
eclipse怎么调出server布局窗口
打开Eclipse----Window菜单----Show View----Other
王小婷
2019/04/14
2.1K0
bootstrap-fileinput踩坑-选择文件类型
在使用插件上传图片的 时候会遇到这样 的一个bug,进入一个文件夹选择图片的时候,会自动选择png格式的图片,同一目录底下的,其他格式jpg,gif等类型会被自动屏蔽,这个时候就会造成用户操作的不便。
王小婷
2025/05/18
670
bootstrap-fileinput踩坑-选择文件类型
jeDate日期控件的使用以及选中后点确定按钮关闭功能
在之前的文章里,jedate-开始使用一款好用的时间插件:https://www.jianshu.com/p/961c3f364e2a,运用这款控件确实省了不少力气,这两年,该控件开发者也在不断的进行更新,所以在项目中有些引用也相对应的进行了一些改变,今天要实现一个 jeDate日期控件的使用以及选中后点确定按钮关闭功能。
王小婷
2025/05/18
600
jeDate日期控件的使用以及选中后点确定按钮关闭功能
Vue移动端框架Mint UI教程-数据渲染到页面(六)
拿到res.data之后,要赋值给page实例里面的data 所以在data里面设置一个默认的空数组
王小婷
2019/05/10
1.1K0
Vue移动端框架Mint UI教程-数据渲染到页面(六)
eclipse里面如何查看svn提交记录日志
1:在菜单栏处找到“Window” 找到“Show View” 找到“Other”,点击打开“Other”
王小婷
2025/05/18
1730
eclipse里面如何查看svn提交记录日志
小程序列表左滑效果在IOS呈上下滑动影响样式
在实际开发中,很多时候,苹果手机对小程序不够友好,类似上图,在实现小程序列表左滑效果的时候,安卓手机上测试都很正常,也很流畅,但是在苹果手机上却会出现这样的bug,滑动的时候,列表不但可以左滑,还可以上下左右滑动,这不是我想要的效果~
王小婷
2025/05/18
880
小程序列表左滑效果在IOS呈上下滑动影响样式
Vue移动端框架Mint UI教程-数据渲染到页面(六)
拿到res.data之后,要赋值给page实例里面的data 所以在data里面设置一个默认的空数组
王小婷
2025/05/18
790
Vue移动端框架Mint UI教程-数据渲染到页面(六)
相关推荐
bootstrap table表格内容居中对齐
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档