1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-25 19:57:35 +00:00

LibWeb: Implement the :read-only and :read-write pseudo-classes

This commit is contained in:
Sam Atkins 2023-08-22 16:28:06 +01:00 committed by Andreas Kling
parent 3d10bf3ae7
commit 9f5b1e6614
5 changed files with 65 additions and 0 deletions

View file

@ -0,0 +1,13 @@
<style>
.read-write {
background-color: green;
}
.read-only {
border: 4px solid magenta;
}
</style>
<input type="text" class="read-only">
<input type="text" class="read-write">
<p class="read-only">Well hello friends</p>
<p class="read-write">Well hello friends</p>

View file

@ -0,0 +1,13 @@
<style>
body :read-write {
background-color: green;
}
body :read-only {
border: 4px solid magenta;
}
</style>
<input type="text" readonly>
<input type="text">
<p>Well hello friends</p>
<p contenteditable>Well hello friends</p>

View file

@ -10,6 +10,7 @@
"css-lang-selector.html": "css-lang-selector-ref.html",
"css-local-link-selector.html": "css-local-link-selector-ref.html",
"css-gradients.html": "css-gradients-ref.html",
"css-read-only-read-write-selectors.html": "css-read-only-read-write-selectors-ref.html",
"svg-symbol.html": "svg-symbol-ref.html",
"svg-gradient-spreadMethod.html": "svg-gradient-spreadMethod-ref.html",
"svg-radialGradient.html": "svg-radialGradient-ref.html"