PH Karlsruhe/ Deutsch/ digitale Schreibarrangements/E-Mails schreiben/Ist meine E-Mail korrekt: Unterschied zwischen den Versionen

Version vom 8. Januar 2024, 11:53 Uhr

Hallo

list-style: none; margin: 0; padding: 0; }

margin: 0; padding: 0; }

Zuerst werden nun die Liste (und die damit verbundenen Listenpunkte) ausgeblendet.

display: block; background-color: #fffbf0; border: 2px solid #e7c157; }

background-color: #dfac20; }

background-color: #dfac20; border-color: #866a00; }

left: -9999px; position: absolute; }

@@ Zeile 1: / Zeile 1: @@
 Hallo
-<form id="quiz" action="">
-<h2>Frage …</h2>
+#quiz ul {
-<ul>
+	list-style: none;
-<li>
+	margin: 0;
-<input type="radio" name="answer" id="a27_0" >
+	padding: 0;
-<label for="a27_0">Antwort 1</label></li>
+}
-<li>
-<input type="radio" name="answer" id="a27_1" >
+#quiz li {
-<label for="a27_1">Antwort 2</label>
+	margin: 0;
-</li>
+	padding: 0;
-<li>
+}
-<input type="radio" name="answer" id="a27_2"   value="Antwort 3">
-<label for="a27_2">Antwort 3</label>
-</li>
+Zuerst werden nun die Liste (und die damit verbundenen Listenpunkte) ausgeblendet.
-</ul>
-<button type="submit">confirm choice</button>
+#quiz label {
-</form>
+	display: block;
+	background-color: #fffbf0;
+	border: 2px solid #e7c157;
+}
+#quiz label:hover {
+	background-color: #dfac20;
+}
+#quiz input:checked ~ label,
+#quiz input:focus ~ label  {
+	background-color: #dfac20;
+	border-color: #866a00;
+}
+#quiz input {
+	left: -9999px;
+	position: absolute;
+}