place for style plugin

hi, can any body help me with style, plugin insert own style like this:

<style data-emotion="css">.css-1wa3eu0-placeholder{color:hsl(0,0%,50%);margin-left:2px;margin-right:2px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);box-sizing:border-box;}</style>

to head tag in my DOM, i want change destination for this style, how it make

[manvydasu]

If you want to style Select component, some examples are here https://react-select.com/styles

[peterszerzo]

@ebonow the posted solution doesn’t answer the problem. The issue here is that emotion adds style tags in the top-level document whereas custom elements using the shadow DOM will not apply these styles to the contents of the custom element. This leads to an otherwise good-looking custom element looking like this inside a custom element:

What might solve the issue is an option to have react-select expose the container into which emotion should be adding styles. This link might be helpful: https://emotion.sh/docs/@emotion/cache#container.