Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html IE有时显示表格行边框_Html_Css_Materialize - Fatal编程技术网

Html IE有时显示表格行边框

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

在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 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;
}