CSS приклад: Псевдокласс :read-write

Internet Explorer Chrome Opera Safari Firefox Android iOS
  12.0+ 10.5+ 5.0+   2.1+ 3.0+

Коротка інформація

ЗастосовуєтьсяДо <input>
Посилання на специфікаціюhttp://www.w3.org/TR/css3-ui/#pseudo-ro-rw

Версії CSS

CSS 1CSS 2CSS 2.1CSS 3

Опис

Застосовується до полів форми, доступних для змін. Псевдоклас :read-write є протилежним за своєю дією до :read-only, який застосовується до полів з атрибутом readonly (тільки для читання).

Синтаксис

input:read-write { ... }

Значення

Немає.

Приклад

HTML5CSS3IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>:read-write</title>
  <style>
   input:read-write {
    border: 1px solid green;
   }
  </style>
 </head>
 <body>
  <form>
    <p><input type="text" size="40" 
       value="Введенный текст не может изменяться" readonly></p>
    <p><input type="text" size="40"
       value="Этот текст может изменяться"></p>
    <p><input type="submit" value="Отправить"></p>
  </form>
 </body>
</html>

Часті запитання

  • Q: Як використовувати псевдоклас :read-write в CSS?

    A: Псевдоклас :read-write вказує на те, що елемент можна редагувати. Використовується для відображення елементів форм, які можна редагувати.

  • Q: В яких випадках корисно використовувати псевдоклас :read-write в CSS?

    A: Псевдоклас :read-write може бути корисним для позначення елементів форм, які можна редагувати, тим самим покращуючи користувацький досвід.

  • Q: Які елементи можна позначити за допомогою псевдокласу :read-write в CSS?

    A: Псевдоклас :read-write може бути використаний для позначення таких елементів, як input, textarea, select та інші елементи форм, які можна редагувати.

  • Q: Як правильно задати стилі для елементів з використанням псевдокласу :read-write в CSS?

    A: Для стилізації елементів з псевдокласом :read-write можна використовувати звичайні CSS властивості, наприклад, color, background, font-size тощо.

  • Q: Як перевірити сумісність псевдокласу :read-write з різними браузерами?

    A: Перед використанням псевдокласу :read-write важливо перевірити його сумісність з різними браузерами за допомогою кросбраузерних тестів або підтримки від браузерів.