【发布时间】：2017-01-05 20:40:09
【问题描述】：
我正在构建一个 chrome 扩展程序，并且想为主体设置样式，这是一个简单的屏幕截图。
我想移除扩展上方的三角形并将其重新定位到更下方，我该怎么做？我检查了元素，但我找不到那个三角形，我想这可能是一个 css 的东西。我还想移除扩展程序两侧的阴影。
我见过其他具有不同设计的 chrome 扩展（没有三角形，有些在主体上有圆角），我想实现我的设计。
有没有人有设计自定义 chrome 扩展和定位的经验？感谢您的帮助，谢谢！
更新
这里是代码
清单文件：
{
"name": "chrome-ext-test",
"description": "testing testing",
"version": "0.1",
"browser_action" : {
"default_popup": "popup.html",
"default_icon": "defaultIcon19x19.png"
},
"manifest_version": 2,
"permissions": ["notifications"]
}
（不知道在sn-p中哪里添加manifest，但是这个控制了ext）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- <title></title> -->
<script type="text/javascript">
function clickHandler() {
window.webkitNotifications.createNotification("icon.gif", "Clicked", "it was clicked").show();
}
</script>
</head>
<body>
I see this when launched from the toolbar icon :)
<input type="button" value="Clicky" onclick="clickHandler()">
</body>
</html>【问题讨论】：
-
图片来自您的扩展程序吗？在此处发布代码，编辑您的问题并按 CTRL + M 并将您的代码放入打开的框中
-
@mlegg 代码我加了，不多，不知道sn-p的manifest json文件在哪里添加。
-
您能否添加一个扩展的屏幕截图，该扩展已移动了此框的位置或删除了三角形。据我所知，这是不可能的。
-
虽然snippets 代码对于可以在 iframe 中执行的 JavaScript/HTML/CSS 代码很方便，但如果不是这种情况，它们通常不合适。
-
是的，请提供一个指向修改此样式的扩展程序的链接。一般来说，如果你看到这样的东西可以做你想做的事，你应该看看实现它的源代码，以弄清楚它是如何做到的。
标签： html css google-chrome-extension