Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

CSS property "appearance" is not supported

See original GitHub issue

-webkit-appearance and -moz-appearance is supported appearance property is not supported?

preview

Issue Analytics

State:
Created 7 years ago
Reactions:6
Comments:16 (13 by maintainers)

Top GitHub Comments

12reactions

piotr-czcommented, Jan 10, 2018

Is it possible to make builtin linter ignore some part of a file like so?

button {
  appearance: none; /* csslint allow: known-properties */
}

I’m using CSS compiler which adds vendor prefixes at build, so it doesn’t make sense for me add all vendor perfixed properties by hand (I’m likely to forget some)

11reactions

Harry-Harrisoncommented, Jul 5, 2017

Hate to be that guy, but it not being supported by “most browsers” isn’t really an excuse. Especially in this modern world where everyone and their dog uses an autoprefixer or some sort.

An ideal option might be to allow overrides for such rules? The following works for me as a catchall, but it’s not ideal.

"css.lint.unknownProperties": "ignore",
"scss.lint.unknownProperties": "ignore"

Top Results From Across the Web

appearance - CSS: Cascading Style Sheets - MDN Web Docs

The appearance CSS property is used to control native appearance of UI controls, that are based on operating system's theme.

CSS Appearance | Can I use... Support tables for HTML5 ...

The appearance property defines how elements (particularly form controls) appear by default. By setting the value to none the default appearance can be...

CSS appearance Property - W3docs

The appearance CSS property enables web authors to change the appearance of HTML elements to resemble native User Interface controls.

appearance - CSS-Tricks

The appearance property is used to display an element using a platform-native styling based on the users' operating system's theme.

css - -webkit-appearance: none; not working for button

For the case of a submit input -your case-, you can simply give the background and border properties you want and that will...