Altering an anchors markup/inline styles

Is there a way (maybe involving the main world?) to append some inline styles to a webpage to effect layout.

If my selector for the content scripts anchor returns something like

<div class="col-4-12 col-12-12">
    ...blah
    <plasmo-csui />
</div>

<div class="col-4-12 col-12-12">
    ...blah
    <plasmo-csui />
</div>

<div class="col-4-12 col-12-12">
    ...blah
    <plasmo-csui />
</div>

<div class="col-4-12 col-12-12">
    ...blah
    <plasmo-csui />
</div>

Is there a way I could achieve the following style attribute injection

<div class="col-4-12 col-12-12" style="display: grid; grid-template-columns: 1fr 2fr">
    ...blah
    <plasmo-csui />
</div>

<div class="col-4-12 col-12-12" style="display: grid; grid-template-columns: 1fr 2fr">
    ...blah
    <plasmo-csui />
</div>

<div class="col-4-12 col-12-12" style="display: grid; grid-template-columns: 1fr 2fr">
    ...blah
    <plasmo-csui />
</div>

<div class="col-4-12 col-12-12" style="display: grid; grid-template-columns: 1fr 2fr">
    ...blah
    <plasmo-csui />
</div>

No replies yetBe the first to reply to this messageJoin

Altering an anchors markup/inline styles

Similar Threads

Similar Threads

Similar Threads