Stefan Van Damme
unread,Dec 30, 2022, 12:49:14 PM12/30/22Sign in to reply to author
Sign in to forward
You do not have permission to delete messages in this group
Sign in to report message
Either email addresses are anonymous for this group or you need the view member email addresses permission to view the original message
to Chromium Extensions, T S, Mori, Stefan Van Damme
Hi Mori,
|| I don't have any CSS file. My Chrome extension is just an HTML file with above-mentioned source code — nothing more.
Then add the CSS line in the head, see this HTML code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./popup.css" />
</head>
<body>
<form>
<div class="emaibox">
<label for="email">Email</label>
<input type="email" id="email">
<input type="submit">
</div>
<p>Hello, world! This is a paragraph. And this is some text.</p>
</form>
</body>
</html>
And create a new "popup.css" file in the root directory of that Chrome extension, that with this code:
html{min-width:295px;min-height:285px;padding:0;margin:0}
.emaibox{display:inline-flex;align-items:center;gap:4px;}
If you are just a beginner developer, you can follow my handy tutorial to create a simple Chrome extension with a popup panel:
Easily Creates a Google Chrome Extension Manifest V3 for Beginners (from scratch)
Thanks,