Html -iFrame上的ms溢出样式

Html -iFrame上的ms溢出样式,html,css,internet-explorer,microsoft-edge,Html,Css,Internet Explorer,Microsoft Edge,我有一个以iframe为主要内容区的网站。当我应用下面的css时,它的行为与预期的一样,并从页面中删除滚动条 html{ -ms-overflow-style: none; } 但是我希望iframe本身允许滚动条,因此我使用下面的命令使用更具体的规则覆盖上面的内容 iframe{ -ms-overflow-style: scrollbar; } 当使用开发人员的工具检查元素时,您可以清楚地看到样式已就位,但它没有按应有的方式运行,而且滚动条仍然不存在。这是一个错误还是我遗漏

我有一个以iframe为主要内容区的网站。当我应用下面的css时,它的行为与预期的一样,并从页面中删除滚动条

html{
    -ms-overflow-style: none;
}
但是我希望iframe本身允许滚动条,因此我使用下面的命令使用更具体的规则覆盖上面的内容

iframe{
    -ms-overflow-style: scrollbar;
}
当使用开发人员的工具检查元素时,您可以清楚地看到样式已就位,但它没有按应有的方式运行,而且滚动条仍然不存在。这是一个错误还是我遗漏了什么


从图像中,我希望删除页面滚动条,但iframe滚动条仍然完好无损

正如@Alohci所提到的,我确实需要在iframe调用的文档中而不是在父文档中设置它

html, body {
    position:relative;
    height:100%
}
İframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
父/母版页:

html,
body {
  -ms-overflow-style: none;
}
iframe调用的子级/文档:

body {
  -ms-overflow-style: scrollbar;
}

可能是因为页面太宽,垂直滚动条是由水平滚动条引起的


尝试搜索使页面大于所需大小的内容,然后窗口滚动条应消失。

我不熟悉该设置,但由于多种原因,它不太可能使用iFrame。很可能,您应该在iframe包含的文档的html元素上设置它。@Alohci这是一种Microsoft样式,用于处理IE11和Edge中消失的滚动条。但该设置本身适用于iFrame。我可以用它控制iFrame的滚动条样式,但不能覆盖层次结构。这与CSS的特殊性无关。CSS定义的特异性是指多个选择器匹配同一元素的概念,但在您的示例中,您的目标是两个不同的元素。@BoltClock编辑了一个误导性的标题。我不知道这个答案试图传达什么。