Skip to content

Commit

Permalink
Apply suggestions from code review
Browse files Browse the repository at this point in the history
Co-authored-by: Alina Listunova <[email protected]>
  • Loading branch information
undead404 and alinkedd authored Mar 6, 2025
1 parent c9d6fdc commit e59e06c
Showing 1 changed file with 4 additions and 4 deletions.
8 changes: 4 additions & 4 deletions files/uk/web/css/_doublecolon_placeholder/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -99,13 +99,13 @@ input::placeholder {

### Непрозорий текст

Частина браузерів робить текст заповнювача прозорішим. Якщо потрібен цілком непрозорий текст, слід задати значення властивості {{CSSXref("color")}} явно. Можна скористатися значенням [`currentColor`](/uk/docs/Web/CSS/color_value#kliuchove-slovo-currentcolor), щоб задати той же колір, що заданий для відповідного елемента поля.
Деякі браузери роблять текст заповнювача прозорішим. Якщо потрібен цілком непрозорий текст, слід задати значення властивості {{CSSXref("color")}} явно. Можна скористатися значенням [`currentColor`](/uk/docs/Web/CSS/color_value#kliuchove-slovo-currentcolor), щоб задати той же колір, що заданий для відповідного елемента поля.

#### HTML

```html
<input placeholder="Колір, заданий браузером" />
<input placeholder="Той же колір, що в полі" class="explicit-color" />
<input placeholder="Той самий колір, що в полі" class="explicit-color" />
<input placeholder="Текст напівпрозорого кольору" class="opacity-change" />
```

Expand All @@ -118,7 +118,7 @@ input {
}

.explicit-color::placeholder {
/* використовувати той же колір, що і в елементі поля, щоб не дати браузеру задати усталений колір */
/* використовувати той самий колір, що й в елементі поля, щоб уникнути задання усталеного кольору браузером */
color: currentColor;
}

Expand All @@ -131,7 +131,7 @@ input {
{{EmbedLiveSample("neprozoryi-tekst", 200, 60)}}

> [!NOTE]
> Зверніть увагу на те, що різні браузери використовують для тексту заповнювача різні кольори. Наприклад, Firefox використовує колір елемента поля з непрозорістю 54%, а Chrome використовує колір `darkgray`. Якщо потрібен однаковий колір тексту-заповнювача у всіх браузерах, слід задавати властивість `color` явно.
> Зверніть увагу на те, що різні браузери використовують для тексту заповнювача різні кольори. Наприклад, Firefox використовує колір елемента поля з непрозорістю 54%, а Chrome використовує колір `darkgray`. Якщо потрібен однаковий колір тексту заповнювача у всіх браузерах, слід задавати властивість `color` явно.
## Специфікації

Expand Down

0 comments on commit e59e06c

Please sign in to comment.