Version: 1.1.alpha.0
Source on Github

Compass Appearance

Provides a mixin for appearance. See the CSS3 specification: appearance.

This file can be imported using: @import "compass/css3/appearance"


  1. Browser Support – Provides configuration options for the Compass Browser Support Matrix.


view source

  // There is no caniuse tracking for appearance.
  $appearance: unquote($appearance)
    -moz-appearance: $appearance

    -webkit-appearance: $appearance
@mixin appearance($appearance) {
  // There is no caniuse tracking for appearance.
  $appearance: unquote($appearance);
  @include with-prefix(-moz) {
    -moz-appearance: $appearance;

  @include with-prefix(-webkit) {
    -webkit-appearance: $appearance;

Change the appearance for Mozilla, Webkit and possibly the future. The appearance property is currently not present in any newer CSS specification.

There is no official list of accepted values, but you might check these source: