Html IE有时显示表格行边框
在IE 11中,表格行显示白线边框,即使它有Html IE有时显示表格行边框,html,css,materialize,Html,Css,Materialize,在IE 11中,表格行显示白线边框,即使它有边框:无firefox和chrome上不会出现此问题 IE中的图像: 铬合金图像 在处理代码之后,我发现圆角导致了这个问题 table.striped > tbody > tr > td:first-child { border-radius: 10px 0 0 10px; } table.striped > tbody > tr > td:last-child { border-radius: 0 1
边框:无
firefox和chrome上不会出现此问题
IE中的图像:
铬合金图像
在处理代码之后,我发现圆角导致了这个问题
table.striped > tbody > tr > td:first-child {
border-radius: 10px 0 0 10px;
}
table.striped > tbody > tr > td:last-child {
border-radius: 0 10px 10px 0;
}
当您使用“边界半径”时,IE不能使用“边界”。有了这个“CSS”,这个问题在“IE中得到了解决
@import'https://fonts.googleapis.com/icon?family=Material+图标';
.搜索框{
宽度:0%!重要;
}
.searchbox.open{
宽度:45%!重要;
左侧填充:10px!重要;
}
.搜索图标{
光标:指针;
}
.失败{
背景色:#ff4359;
颜色:白色;
}
.pad-l-15{
左侧填充:15px;
}
身体{
背景色:#F3F2;
}
table.striped>tbody>tr>td:第一个孩子{
边界半径:10px 0 10px;
}
table.striped>tbody>tr>td:最后一个孩子{
边界半径:0 10px 10px 0;
}
#列表计数{
字号:18px;
颜色:#727d93;
}
.图标{
左边距:自动;
填充物:5px;
}
.卡片.卡片内容.卡片标题{
显示器:flex;
对齐项目:居中;
}
表.条纹>tbody>tr:n子项(奇数)>td
{
左边框:实心1em#f2f2!重要;
}
table.striped>tbody>tr>td.failed
{
左边框:实心1em#FF4359!重要;
}
表.条纹>tbody>tr:n子项(偶数)>td,
table.striped>tbody>tr>td:第一个孩子
{
左边界:无!重要;
}
商务中心
我的名单
(12)
1.
搜索
12345
随机文本@
300121
12345678
随机文本@
300121
123
随机文本@
300121
123
随机文本@
300121
123
随机文本@
300121
123
随机文本@
300121
我的权利清单
4.
12345
随机文本@
300121
12345678
随机文本@
300121
嵌套左
嵌套右
展开页面时,返回的行将像素值增加到2。Internet Explorer始终存在问题:(不幸的是,它没有多大帮助,我仍然可以看到白线。:/I有趣的是,我的IE没有问题。请稍候,我找到了解决方案有没有办法使用div模拟此表?这能解决一些问题吗?
table.striped>tbody>tr:nth-child(odd) > td
{
border-left: solid 1em #F2F2F2!important;
}
table.striped > tbody > tr > td.failed
{
border-left: solid 1em #FF4359!important;
}
table.striped>tbody>tr:nth-child(even) > td,
table.striped > tbody > tr > td:first-child
{
border-left: none!important;
}