Home/ Questions/Q 8341155
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T05:23:19+00:00

I love the effect of using border and box-shadow inset but only Chrome does

  • 0

I love the effect of using border and box-shadow inset but only “Chrome” does support the inset negative value 0px, 0px, -1px.

However when I checked FF, Safari and IE (opera I don’t have it but I bet it doesn’t support it either)… There wasn’t box-shadow at all.

When I inspect elements with firebug and try to type box-shadow: 0px 0px 1px rgba(255,255,255,0.7) inset; it does appears but not with -1px. Then the value is invalid.

Does anybody know anything about this? If not how can I make “IF” the browser isn’t chrome, then add positive value instead?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’m sure there’s a better way for this specific case, but I just want to share this.

    CSS Browser Selector is a pretty cool little JS file that allows you to specify CSS classes for specific browsers.

    For example the following will only apply to elements with the example class if the browser is IE7.

    .ie7 .example {
  background-color: orange
}

    The page lists all the supported browsers and you can make a style that applies to everything but Chrome.

    .ie, .ie7, .ie8, .opera, ... { style }
    • 0