CSS 基本ユーザーインターフェイス

このテキストを編集

  
これらのフォームコントロールを操作してみましょう
  
  
  
  
  


  
ユーザビリティを台無しにしないよう注意してください。これらのサイズを変更してみてください。
    cursor: wait;
  
    resize: none;
  
    pointer-events: none;
  

body {
  font-family: sans-serif;
  font-size: 1.25rem;
}
[contenteditable] {
  cursor: copy;
  caret-color: magenta;
  border: 1px solid #ccc;
}
:focus {
  outline: dashed magenta 3px;
  outline-offset: 10px;
}
* {
  accent-color: magenta;
}
div,
fieldset {
  margin: 20px;
}
textarea:nth-of-type(1) {
  cursor: wait;
}
textarea:nth-of-type(2) {
  resize: none;
}
textarea:nth-of-type(3) {
  pointer-events: none;
}