Skip to main content

selector-no-vendor-prefix

Disallow vendor prefixes for selectors.

input::-moz-placeholder {}
/** ↑
* This prefix */

This rule does not blanketly condemn vendor prefixes. Instead, it uses Autoprefixer's up-to-date data (from caniuse.com) to know whether a vendor prefix should cause a violation or not. If you've included a vendor prefixed selector that has a standard alternative, one that Autoprefixer could take care of for you, this rule will complain about it. If, however, you use a non-standard vendor-prefixed selector, one that Autoprefixer would ignore and could not provide, this rule will ignore it.

The fix option can automatically fix all of the problems reported by this rule.

Options#

true#

The following patterns are considered violations:

input::-moz-placeholder {}
:-webkit-full-screen a {}

The following patterns are not considered violations:

input::placeholder {}
:full-screen a {}

Optional secondary options#

ignoreSelectors: ["/regex/", "non-regex"]#

Ignore vendor prefixes for selectors.

Given:

["::-webkit-input-placeholder", "/-moz-.*/"]

The following patterns are not considered violations:

input::-webkit-input-placeholder {
color: pink;
}
input::-moz-placeholder {
color: pink;
}