【问题标题】:Remove margin in Chrome browser action popup在 Chrome 浏览器操作弹出窗口中删除边距
【发布时间】:2011-12-05 23:09:30
【问题描述】:

我有一个带有 browser action 的 Chrome 扩展程序,它试图模仿不同应用程序的视觉风格。这种样式的一部分是延伸到应用程序边缘的页眉和页脚。问题是浏览器操作弹出窗口默认包含一个小边距和圆角边框,这似乎是硬编码以显示为空白。

如果有某种方法可以删除此边距或强制我的内容能够一直延伸到边缘,那就太好了。有谁知道这样做的方法? (我高度怀疑没有什么可做的,但问也无妨,对吧?)

哦,顺便说一句,在这种情况下,负边距让您无处可去。 :(

【问题讨论】:

    标签: google-chrome google-chrome-extension browser-action


    【解决方案1】:

    根据我在开发和使用扩展程序方面的经验。没有办法摆脱那个小边框。

    我见过的最好的体验是将圆角与border-radius: 5px匹配

    【讨论】:

    • 我喜欢border-radius 的把戏。我没有想过这样做。
    • 哈哈。我喜欢内部边界的想法!谢谢!
    • 似乎弹出框的边界半径现在是 2px。很遗憾没有对此进行任何控制,或者您无法将边框半径设置为从弹出窗口继承。
    【解决方案2】:

    您不能删除1px white margin,但您可以删除8px margin,您必须将body{margin:0px !important;} 添加到您的css,然后您可以按照Ryan的建议添加border-radius /p>

    【讨论】: