当前位置: 首页 > 知识库问答 >
问题:

为什么继承的边框颜色属性变得无效?

昌正奇
2023-03-14

我在div元素中有一个div元素。外部div具有颜色边框颜色的样式属性。内部div继承它。

<html>
  <head><style>#foo{color: red; border-color: green;}</style></head>
  <body>
    <div id="foo" style="border-width: 6; border-style: solid; padding: 10;">
      <div style="border-width: 6; border-style: solid; height: 10;"></div>
    </div>
  </body>
</html>

当我在浏览器上渲染时,外部div的边框按预期呈现为绿色,但内部div的边框按预期呈现为红色。

当我查看GoogleChrome的开发者工具时,颜色边框颜色属性都对外部div有效:

但是对于继承属性的内部div,Color是有效的,但border-Color是无效的,结果边框颜色变成红色,这是由颜色属性指定的颜色:

为什么继承的边框颜色属性无效?有没有办法让它有效?

共有2个答案

公西国发
2023-03-14

因为与某些css属性不同,border-Color没有继承作为其默认值。

因此,您必须将其指定为“边框颜色:继承”。

http://jsfiddle.net/3f8vgd35/

W3描述说明它是继承的:否

叶允晨
2023-03-14

根据定义,边框颜色不是继承的(除非您显式地将值指定给它)。内部div上没有边框颜色,因此它采用初始值,根据定义,初始值是元素的颜色属性的值。

因此需要在元素上显式设置边界颜色。

 类似资料:
  • 问题内容: 我的边框颜色有问题。没用 我是CSS新手, 问题答案: 默认情况下,is 和is 因此,您需要将它们设置为和。您可以将所有边框属性组合为一个,如下所示:

  • 问题内容: 从字体的color属性继承边框颜色是否正常?我很惊讶地发现: 给我一个带红色边框的div。通常不指定颜色将默认为黑色。这个奇怪的继承是什么? 问题答案: 根据相关背景和边框模块规范的第4.1节,初始值为:border-colorcurrentColor 根据相关背景和边框模块规范的第4.1节,初始值为: CSS颜色模块-4.4。颜色关键字 CSS1和CSS2将属性的初始值定义为属性的值

  • 当前结果:下边框为灰色 所需结果:所有边框均为白色 问题:CSS中的边框颜色设置为白色

  • 我有一个表格,每个边框都设置为1px宽。我希望顶部、左侧和底部边框是黑色的,右侧边框是白色的。所以,我使用了这个css代码 问题出现在IE9中,其中右上角的像素为白色,而右下角的像素为黑色。 我怀疑问题来自IE9重组样式的方式,因为当我在开发工具控制台中查看我的表的css时,它是这样排序的: 这让我想,也许,用于定义颜色的顺序使其顶部边框为黑色,然后右侧边框为白色(覆盖右上角),然后底部边框为黑色

  • 我已将边框颜色设置为button border,但当我单击它时,button不显示该颜色。它正呈现出另一种颜色。我该怎么修好它? 我需要另一个帮助。我如何设置按钮背景像下面的图像?(其实不知道叫什么) 我设计的按钮: 我要设计的按钮: 还有为什么副标题不在一行?为什么要转到另一条新线路? null null

  • 我是Apache Beam的新手,并尝试使用DirectRunner和DataflowRunner运行示例读写程序。在我的用例中,CLI参数很少,为了实现这一点,我创建了一个扩展PipelineOptions的接口“CustomOptions.java”。 使用DirectRunner,程序运行良好,但使用DataflowRunner,它说“接口CustomOptions缺少一个名为‘项目’的属性