remove superflous and wrong selectors (#36744)

* remove superflous and wrong selectors * textarea selector was used multiple times, even though there is no <textarea> in the HTML. div + div selector was changed to p + p, as all input and label elements are nested inside p elements, and not divs in the example. * Tidy remaining selectors --------- Co-authored-by: Hamish Willee <[email protected]>
mdn · Dec 23, 2024 · fc2dda9 · fc2dda9
1 parent 6d6c727
commit fc2dda9
Showing 1 changed file with 3 additions and 20 deletions.
diff --git a/...n_web_development/extensions/forms/how_to_structure_a_web_form/example/index.md b/...n_web_development/extensions/forms/how_to_structure_a_web_form/example/index.md
@@ -125,17 +125,13 @@ form {
   border-radius: 1em;
 }
 
-div + div {
-  margin-top: 1em;
-}
-
 label span {
   display: inline-block;
   text-align: right;
 }
 
 input,
-textarea {
+fieldset {
   font: 1em sans-serif;
   width: 250px;
   box-sizing: border-box;
@@ -148,21 +144,8 @@ input[type="radio"] {
   border: none;
 }
 
-input:focus,
-textarea:focus {
-  border-color: #000;
-}
-
-textarea {
-  vertical-align: top;
-  height: 5em;
-  resize: vertical;
-}
-
-fieldset {
-  width: 250px;
-  box-sizing: border-box;
-  border: 1px solid #999;
+input:focus {
+  background-color: yellow;
 }
 
 button {