Meta Bind Styling Question

Custom CSS & Theme Design
1

What I’m trying to do

I’m using Meta Bind to add input fields to a template. When I add a ‘select’ field it shows up with a blue border around the field. This is a pretty small thing, but I would love to remove that border for aesthetic purposes. I’m using the 80s Neon theme, which I think is where this is coming from.

Things I have tried

I added a CSS snippet:

.mb-input-type-select {
border: 2px solid var(–color-red) !important;
}

This added a red border WITHIN the blue border (shown below), so that’s why I think the border is coming from the theme. Would I need to edit the theme itself for this? At that point is it even worth it?

image
image1581×271 5.72 KB

Thanks for your help!

2

I just switched it back to the default theme to check and the border is still around the field, it’s just gray now, so the theme might not be the problem

3

It looks like this box-shadow here. You can see the same around callouts, etc., when hovering.

Screenshot 2026-04-11 at 9.59.21
Screenshot 2026-04-11 at 9.59.211638×526 82.5 KB

@media (hover: hover) {
    .markdown-source-view.mod-cm6 .cm-embed-block:not(.cm-table-widget, .cm-lang-base):hover {
        box-shadow: var(--embed-block-shadow-hover);
        border-radius: var(--radius-s);
        overflow: hidden;
        cursor: text;
    }
}

Maybe changing --embed-block-shadow-hover is the easiest; its default is

--embed-block-shadow-hover: 0 0 0 1px var(--background-modifier-border), inset 0 0 0 1px var(--background-modifier-border);

e.g.

body {
  --embed-block-shadow-hover: 0;
}

if you wanted to get rid of it for all embedded blocks.