Explicitly reset ::placeholder

elad2412 / the-new-css-reset

The New Simple and Lighter CSS Reset

https://elad2412.github.io/the-new-css-reset/

MIT License

2.26k stars 229 forks source link

Explicitly reset ::placeholder #29

Closed Awjin closed 2 years ago

elektronik2k5 commented 2 years ago

Hi @Awjin and thanks for your contribution. Can you please describe what issue does your change aim to solve and perhaps add a screenshot of before/after?

elad2412 commented 2 years ago

Issue closed, no explanation of the problem.

Before closing tested on CodePen: https://codepen.io/elad2412/pen/ExbgomP/ba66596cdd50ad63252f9f7e2b011899

Checked on Chrome, Firefox, and Safari on Macbook pro-2021 with MacOs Monterey (12.1)

Awjin commented 2 years ago

Browsers set a default opacity on placeholder text.

No reset:

With reset:

elad2412 commented 2 years ago

@Awjin, thanks for the explanation.

Instead, I added a separate treatment not to complicate the global reset.

/* reset default text opacity of input placeholder */
::placeholder{
    all:unset;
}

Thanks for this flag-up. Feature added from version 1.4.8