Weird style with nested style sheets in Chrome

We just purchased the Primeface Theme & Layout Sentinel. However, I noticed weird styling of tables in Chrome. The table header and footer have an orange frame. My colleagues don’t see this, and if I change my Chrome profile, I don’t see it either.

The screenshot is from the Sentinel live preview (Documentation page)

The original can be seen here: http://www.primefaces.org/sentinel/documentation.xhtml#j_idt38

I noticed that Chrome is embedding a stylesheet:

].ui-widget-header {
border: 1px solid rgb(231, 143, 8);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
background: url(http://primefaces.org/sentinel/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x rgb(246, 168, 40);
color: rgb(255, 255, 255);
font-weight: bold;}

Where does this embedded style sheet come from? How can I stop this? I know Chrome extensions can embed stylesheets, but does this stylesheet have a URL for simple characters, or is it just red herring, and has the extension just changed the existing valid stylesheet?

Update:

.ui-widget-header {
/* border: 1px solid #3f7506; */
/* background: #3a8104 url("images/ui-bg_highlight-soft_33_3a8104_1x100.png") 50% 50% repeat-x; */
color: #ffffff;
font-weight: bold;

}

( , ). . URL, URI, URI.

+9
3

, ! , . CSS Selector. , , , , !

, CSS Selector , . .

+16

, .

, Adblock plus Facebook YouTube.

+6

delete the newly installed extensions and browser cache that may solve your problem.

0
source

Source: https://habr.com/ru/post/1608790/


All Articles