1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Browser-specific CSS features

Discussion in 'Styling and Customization Questions' started by psTubble27, Jan 15, 2012.

  1. psTubble27

    psTubble27 Well-Known Member

    Is it recommended to still use browser-specific CSS features? For example, to implement a box-shadow, one might have a code like:

    There being a special set of options for the Mozilla Firefox browser, and for the Webkit browsers (Chrome and Safari).

    Yet in xF, the CSS used for the default styling for buttons is this:
    Should we still concern ourselves with browser-specific CSS implementations in our own code?
  2. Brogan

    Brogan XenForo Moderator Staff Member

    XenForo automatically applies all of the browser specific derivatives.
    R_A likes this.
  3. psTubble27

    psTubble27 Well-Known Member

    Ah excellent, thanks!
  4. Mike

    Mike XenForo Developer Staff Member

    We only do it for certain rules: border-radius, box-shadow, text-shadow, box-sizing, transform, columns, and rgba borders (so IE works, ignoring the alpha channel). We also make rgba backgrounds work in IE (so IE works, supporting the alpha channel).
    R_A and Brogan like this.
  5. psTubble27

    psTubble27 Well-Known Member

    Does xF apply the browser-specific derivatives for CSS entered in the bottom textarea?
  6. Mike

    Mike XenForo Developer Staff Member

    Bottom text area of a style property? Yes.
    R_A likes this.

Share This Page