我的镀铬扩展的背景颜色有白色边框

时间:2015-04-23 11:12:00

标签: html css google-chrome

我正在为Chrome写一个扩展程序,当我在我的css中设置bg颜色时:

background-color: rgb(22, 160, 133);

结果是:
enter image description here

为什么我有这个白色边框?
我试图将边距和边框设置为0,但是这个白色边框仍然存在 谢谢!

编辑:添加代码

#container {
background-color: rgb(22, 160, 133);
margin: 0px 0px 0px 0px;
font-size: 14px;
font-style: arial;
font-weight: bold;
color: black;
width: 350px;
height: 450px;
}

#incognito {
display: none;
}

<!DOCTYPE html>
<html>
<head>
<link href="popup.css" rel="stylesheet" type="text/css">
<script src="popup.js"></script>
</head>
<body>

<div id="container">
  <input type="checkbox" id="regularValue"/>
  Allow third-party sites to set cookies
  <div id="incognito">
    <input type="checkbox" id="useSeparateIncognitoSettings" />
    Use separate setting for incognito mode:
    <br>
    <input type="checkbox" id="incognitoValue" disabled="disabled"/>
    Allow third-party sites to set cookies in incognito sessions
  </div>
  <div id="incognito-forbidden">
    Select "Allow in incognito" to access incognito preferences
  </div>
</div>

</body>
</html>

1 个答案:

答案 0 :(得分:-1)

尝试在CSS中使用此样式:

html, body{
  margin: 0;
  height: 100%;
}