CSS isolation - Overflow Documentation

Elements render inside a scoped host with their own design-token surface. Page CSS on the host page won’t restyle them, and their internal styles won’t leak out to your page. The upshot: setting input { border: 2px solid red } in your page CSS has no effect on Payment Elements inputs. To change how elements look, use appearance.

Change element visuals through `appearance`

new Overflow('live_pub_...', {
  appearance: {
    variables: {
      inputBorderRadius: '0px',
      colorBorder: '#000',
    },
  },
});

See Token reference for the full list of design tokens and Element-scoped overrides for per-element tweaks.

See also

Last modified on July 29, 2026

Related topics

Theming Migrating from Stripe Shadows Card best practices Token reference