腾讯云

文章/答案/技术大牛

发布

社区首页 >问答首页 >Chrome中表格边框样式的问题(适用于FF)

问Chrome中表格边框样式的问题(适用于FF)
EN

Stack Overflow用户

提问于 2019-05-28 21:13:32

回答 1查看 217关注 0票数 0

在一个有折叠边框的表格中，我需要给一些单元格一个特殊的边框样式。在Chrome中，这不能正常工作。(没有折叠的边框，结果与预期一致。)

table { border-collapse: collapse; }
td { border: 1px solid gray; }

强边框：https://jsfiddle.net/r8h7abnf/受影响的单元格的整个底部边框。

td.red { border: 3px solid red; }

没有边界：https://jsfiddle.net/yrm8sfLp/并不总是有效的。

td.gap { border: 0; }

我可以以某种方式调整样式，使其在两个浏览器中都能工作吗？

css

google-chrome

html-table

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-05-28 21:46:14

这是一个在Chrome中存在已久的错误：https://crbug.com/2902 :(

如果你想出一种只使用colspan == 1的方法，你可以解决这个问题。

请注意，将display:block添加到td.red时，会在隐式添加的单元格内的框周围放置一个边框。您可以看到，红色边框没有覆盖灰色边框，而是位于灰色边框内部。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/56350149

复制

表格样式—粗边框细表格线

html css

table #tbl{ border-collapse:collapse;border:2px solid #6699cc;} #tbl th {border: 1px solid #6699cc;

用户1075292

2018/01/23

2.2K0

Chrome、FF在swf处理中的问题小记

其他

当时的需求是点击网页装扮的时候会弹出一个层，层内有很多TAB选项卡，而有一个对图片处理的swf（让用户选择一张图片、编辑图片）放在其中一个选项卡中，而当来回切换tab选项卡的时候，swf会被重新加载。那时候还没有chrome，所以在ff会遇到这个问题，IE下不会。后面在小组内我记得有总结过FF下什么情况下会触发swf的重新渲染：

meteoric

2018/11/16

1.6K0

边框样式的写法总结

border width

今天在群里讨论了border的样式写法，发现border的写法还真是灵活，做了一下总结，希望对大家有用：

GhostZhang

2022/08/22

3780

表格行与列边框样式处理的原理分析及实战应用

单元测试 react

导语： table之间的边框存在共用问题，自然而然就存在冲突。既然存在冲突，那么就势必涉及到最后渲染哪一个样式的问题。本文就主要研究当冲突产生时，如何让浏览器按照自己意愿渲染冲突边框。在这篇文章中都有

韩宇波

2017/10/30

5.2K6

关于DataGridView中空数据不显示表格边框的问题

思路：在DataGridView中时不存在这个方法的，那我们只能够避过他，进行一系列操作之后实现相同的效果即可，那就自己手动添加N行空白行，直接填充满DataGridView即可

静谧的小码农

2019/01/11

1.3K0

bootstrap table表格分页样式问题[通俗易懂]

https bootstrap java 网络安全

今天项目里用到bootstrap做列表,数据展示没问题但是分页样式一直出不来,找了半天发现是因为少引入css文件的问题

全栈程序员站长

2022/09/09

1.9K0

bootstrap 表格带边框

html https 网络安全 c++bootstrap

用户5760343

2022/01/10

1.1K0

表格边框你知多少

其他

table之间的边框存在共用问题，自然而然就存在冲突。既然存在冲突，那么就势必涉及到最后渲染哪一个样式的问题。本文就主要研究当冲突产生时，如何让浏览器按照自己意愿渲染冲突边框。在这篇文章中都有介绍，以

腾讯ISUX

2018/06/29

1.6K0

表格边框你知多少

css

练小习

2017/12/29

1.4K0

表格边框你知多少

html

韩宇波

2017/11/30

3.7K10

【CSS3 理论知识】表格边框（table-border）你知多少？？？

css

QUXINGDONG.COM

2018/04/17

4.4K0

html去除input边框以及选中时边框默认样式

html input

html写到input边框时，选中会出现选中时边框，默认样式看起来有点违和下面带来去除的方法

小唐同学.

2022/02/23

8.4K0

Python快速设置Excel表格边框

python excel

import xlwings as xw #打开存好的excel app = xw.App() #设置应用 wb = xw.Book("E:/Data/小蜜蜂超市销售报表.xlsx") #打开文件 ws = wb.sheets['Sheet1'] #选择表格 last_column = ws.range(1, 1).end('right').get_address(0, 0)[0] #获取最后列 last_row = ws.range(1, 1).end('down').row #获取最后行 a_ran

hankleo

2020/09/17

1.9K0

5.边框样式-CSS基础

border double hidden png width

一、边框几乎可以对所有元素定义边框。我们可以为div元素、img元素、span元素、table元素定义边框。 1.设置边框的三方面边框宽度边框外观（实线、虚线等）边框颜色（1）边框样式属性属性说明 border-width 边框的宽度 border-style 边框的外观 border-color 边框的颜色想要为一个元素定义边框样式，我们必须同时设置border-width、border-style、border-color这三个属性才会有效果。二、整体样式 1.边

见贤思齊

2020/10/28

1.3K0

chrome、ff下flash的mousewheel事件失效(wmode=transparent)

其他

目前想到的解决方法，监听页面的鼠标中轮事件，然后回传给flash function addEvent(elem, type, handler) { type = type.replace(/^on/, ''); if (elem.attachEvent) { elem.attachEvent('on' + type, handler); } else if (elem.addEventListener) { elem.addEventListener(

meteoric

2018/11/16

5810

改变layui表格样式

css

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

PHY_68

2020/09/16

2.9K0

table如何设置边框4*16_html设置表格边框

css https 网络安全

1.通过table标签的属性来设置，border=”1″ 边框设置为1，cellspacing=”0″ 单元格间距设置为0.

全栈程序员站长

2022/11/05

4K0

Word VBA技术：对文档中的所有表格应用统一的边框

vba

如果你的文档中或者他人传给你的文档中有很多表格，但这些表格有不同样式的边框，而你现在想将这些表格的边框设置为统一的样式，怎么办？当然，你可以逐个表格逐个表格地设置，但是如果文档中的表格很多，这样的操作既繁琐又浪费时间。这种情形下，VBA就派上用场了。

fanjy

2023/02/24

1.5K0

【CSS】盒子边框 ③ ( 设置表格细线边框 | 合并相邻边框 border-collapse: collapse； )

css html table 表格

上述单元格与单元格之间的边框 , 单元格与表格之间的边框 , 出现了重叠 , 每个重叠处都有两条线 ;

韩曙亮

2023/03/30

3.3K0

【CSS】盒子边框 ③ ( 设置表格细线边框 | 合并相邻边框 border-collapse: collapse； )

点击加载更多

相似问题

Android Chrome表格边框问题

表格边框的Chrome css问题

样式不适用于FF，但适用于chrome

Jeditable不适用于IE表格，但适用于FF、Chrome

表格边框样式

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

社区富文本编辑器全新改版！诚邀体验～

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

问Chrome中表格边框样式的问题(适用于FF)
EN

回答 1

Stack Overflow用户

Android Chrome表格边框问题

表格边框的Chrome css问题

样式不适用于FF，但适用于chrome

Jeditable不适用于IE表格，但适用于FF、Chrome

表格边框样式

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Chrome中表格边框样式的问题(适用于FF)EN

回答 1

Stack Overflow用户

Android Chrome表格边框问题

表格边框的Chrome css问题

样式不适用于FF，但适用于chrome

Jeditable不适用于IE表格，但适用于FF、Chrome

表格边框样式

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Chrome中表格边框样式的问题(适用于FF)
EN