Adjusting CSS with Chrome Extention

Asked Jun 13 '18 at 15:48

Active Jun 13 '18 at 16:08

Viewed 15 times

To increase the usability of a work tool, I'm trying to hide some unused fields with a Chrome plugin and some css edits. The css in question that needs changing:

<div class="postProviderProperties">
  <div class="providerPostOption postOption-item">
    <div class="postSidebar-label">
        SomeWords
    </div>
...

What I need to do is add a visibility:hidden to the postProviderProperties div class based on the value of SomeWords.

My CSS skills are not great and I'm having trouble figuring out if this is even possible solely with CSS, or am I looking at rolling some js into the plugin too?

None of the CSS antecedent selectors seem appropriate and I do wonder if I'm simply lacking the keyword knowledge to be able to find a good example

asked Jun 13 '18 at 15:48

John Eddy

2

This is not possible with CSS...it can't detect actual **text values**. You need JS – Paulie_D Jun 13 '18 at 15:51
1

@ThomasvanBroekhoven Did you not read the question properly? This relates to a CSS injection based on a text value! – Paulie_D Jun 13 '18 at 16:05
Also, even then this requires a **parent selector** *which does not exist*. – Paulie_D Jun 13 '18 at 16:06
I like how @ThomasvanBroekhoven deletes his comment. LOL. – fulvio Jul 02 '18 at 01:47

Adjusting CSS with Chrome Extention

0 Answers0