> For the complete documentation index, see [llms.txt](https://bryan-guner.gitbook.io/my-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bryan-guner.gitbook.io/my-docs/redux/repos/examples/real-world/node_modules/css-blank-pseudo.md).
# CSS Blank Pseudo
[](https://www.npmjs.com/package/css-blank-pseudo) [](https://travis-ci.org/csstools/css-blank-pseudo) [](https://gitter.im/postcss/postcss)
[CSS Blank Pseudo](https://github.com/csstools/css-blank-pseudo) lets you style form elements when they are empty, following the [Selectors Level 4](https://drafts.csswg.org/selectors-4/#blank) specification.
```css
input {
/* style an input */
}
input:blank {
/* style an input without a value */
}
```
## Usage
From the command line, transform CSS files that use `:blank` selectors:
```bash
npx css-blank-pseudo SOURCE.css TRANSFORMED.css
```
Next, use your transformed CSS with this script:
```html
```
That’s it. The script is 509 bytes and works in all browsers.
***
If you support Internet Explorer 11, use the **browser legacy** script, which is 671 bytes:
```html
```
## How it works
The [PostCSS plugin](https://github.com/bgoonz/Learning-Redux/blob/master/repos/examples/real-world/node_modules/css-blank-pseudo/README-POSTCSS.md) clones rules containing `:blank`, replacing them with an alternative `[blank]` selector.
```css
input:blank {
background-color: yellow;
}
/* becomes */
input[blank] {
background-color: yellow;
}
input:blank {
background-color: yellow;
}
```
Next, the [JavaScript library](https://github.com/bgoonz/Learning-Redux/blob/master/repos/examples/real-world/node_modules/css-blank-pseudo/README-BROWSER.md) adds a `blank` attribute to elements otherwise matching `:blank` natively.
```html
```