[css-ui-4] スタイル編集

• dark モードで不可視になっていた例を修正して色も調整

Author: triple-underscore

css-ui-ja.html

@@ -3634,7 +3634,7 @@ <h4 title="Animation of the insertion caret: caret-animation">5.2.2. 挿入~care
 <pre class="lang-css">
 textarea {
   caret-animation: manual;
-  caret-color: blue;
+  caret-color: turquoise【！blue】;
   animation: caret-alternate 2s step-end infinite;
 }
 @keyframes caret-alternate {
@@ -3650,9 +3650,9 @@ <h4 title="Animation of the insertion caret: caret-animation">5.2.2. 挿入~care
 </p>
 
 <div
-	style="border:inset; background: white; width: 10em;"
+	style="border:inset; width:10em;"
 >
-色を行来する~caretを伴う~text区画<span style="border-right: 2px solid blue; animation: caret-alternate-ref 2s step-end infinite;"></span>
+色を行来する~caretを伴う~text区画<span style="border-right: 2px solid turquoise; animation: caret-alternate-ref 2s step-end infinite;"></span>
 ◎
 Text area with color-alternating caret
 </div>
@@ -3665,7 +3665,7 @@ <h4 title="Animation of the insertion caret: caret-animation">5.2.2. 挿入~care
 </p>
 
 <div contenteditable="true"
-	style="border:inset; background: white; width: 10em; caret-animation: manual; caret-color: blue; animation: caret-alternate-test 2s step-end infinite;"
+	style="border:inset; width:10em; caret-animation: manual; caret-color: turquoise; animation: caret-alternate-test 2s step-end infinite;"
 >
 色を行来する~caretを伴う~text区画
 ◎