Tailwindcssチートシート(Interactivity)

Appearance

いくつかの選択肢を設定できる

Class	Properties
.appearance-none	appearance: none;

Cursor

Auto

Default

Pointer

カーソルを持っていったときに手マークになる

Wait

カーソルを持っていったときに読み込み中になる

Text

カーソルを持っていったときにIビームカーソルになる

Move

カーソルを持っていったときに十字カーソルになる

Not Allowed

カーソルを持っていったときに禁止マークになる

Outline

Remove outlines

Dotted outlines

class	properties
outline-none	outline: 2px solid transparent; outline-offset: 2px;
outline-white	outline: 2px dotted white; outline-offset: 2px;
outline-black	outline: 2px dotted black; outline-offset: 2px;

Pointer Events

Resize

Resize in all directions

Resize vertically

Resize horizontally

Prevent resizing

resize-none	resize: none;
resize-y	resize: vertical;
resize-x	resize: horizontal;

User Select

class	Properties
select-none	user-select: none;
select-text	user-select: text;