Disable red border for blocked large media elements

[vvkdev]

When I use no-large-media option, all image placeholders have red dashed border.
How to change the color or style of this?
It seems that I used to add a string "*##img:style(border: 1px solid lightgrey !important;)" to My filters and it worked, but now I can't repeat it.
Thank you!

[krystian3w]

Due CSS specificity:

• https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
• https://specificity.keegan.st/

You should try this:

*##:root img:not(#style_important):style(border: 1px solid lightgrey !important;)
! Rest of blocked huge media (optional):
*##:root picture:not(#style_important):style(border: 1px solid lightgrey !important;)
*##:root audio:not(#style_important):style(border: 1px solid lightgrey !important;)
*##:root video:not(#style_important):style(border: 1px solid lightgrey !important;)

If too many photos will be bordered (e.g. smaller than limit or from cache loaded) then maybe needed use:

• :matches-attr(/^data-.*/=/^$/) to found data-.* with empty value (still not work for me with latest uBo DEV even garry idea), or
• :matches-css(border: 2px dotted rgb(255, 0, 0)) to found stock border (still not work for me with latest uBo DEV), or copied by webmaster due inspiration of uBo.

due looks out of control in uiStyles now.

[krystian3w]

Corrected regexes are not work for me (I can only check with chromium in future), Seemingly I can see them in the logger and DOM inspector but that's not the point.

I guess:

• the sheet with procedural filtering is loaded lower than the styles from the add-on or raw CSS selectors,
• needed is :watch-attr for :matches-attr, or
• thats attributes and CSS are now protected to dected itself with see change.