Question

我正在开发chrome扩展，我想在css中创建边框半径并使用radius radius border，但它在子元素中更加粗糙。我的代码html在这里：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" style="border-radius:10px">
<head>
</head>
<body>
     content here
</body>
</html>

我希望边框如下图所示：

Answer 1

不幸的是，我认为你不能这样做。

弹出页面周围的框架（图形编辑器中以红色突出显示）完全由Chrome控制： Popup border

您无法更改其形状/颜色，就像您无法更改普通Chrome chrome（双关语）一样。

Answer 2

有一个可以使 popup.html border-radius 添加另一个 Div 容器到弹出 HTML，将 body 背景设置为 none 并为 div 容器提供背景颜色。之后，您可以为容器指定半径。

例如

body {
background: none
}

.container {
background: green;
border-radius: 10px;
width: 50%;
height: 100px;
text-align: center;
}

<body>
  <div class="container">
    The content is here....
  </div>
</body>