tailwind中交互及SVG

强调色： accent-[color]/n ，复选框和单选组等元素选中时的颜色

删除表单元素默认外观： appearance-none

光标样式

cursor-style，其中style可选值有

autodefaultnonecontext-menuhelp

pointerprogresswaitcellcrosshair

textvertical-textaliascopymove

no-dropnot-allowede-resizen-resizene-resize

nw-resizes-resizese-resizesw-resizew-resize

ew-resizens-resizenesw-resizenwse-resizecol-resize

row-resizeall-scrollgrabgrabbingzoom-in

zoom-out

光标颜色： caret-[color]/n

禁用鼠标事件： pointer-events-none

pointer-events-auto：恢复默认

大小可调整

resize-none     resize
resize-y        resize-x

平滑滚动： scroll-smooth

scroll-auto：恢复默认

滚动边距

就是上下滚动时的上下空白距离，或左右滚动时的左右空白距离

对应的css属性为scroll-margin

scroll-m<side>-[size]

side为方向，size为边距的长度

可选的side有： x / y / s / e / l / r / t / b
为空表示所有方向

滚动填充： scroll-p-[size]

对应的css属性为scroll-padding

滚动对齐

对应的css属性为scroll-snap-align

snap-start
snap-end
snap-center
snap-align-none

文本选择

select-none     禁用选择文本
select-text     允许选择文本
select-all      元素内任意位置单击即可选中所有内容
select-auto     使用默认值

SVG填充： fill-[color]/n

SVG描边： stroke-[color]/n

SVG描边宽度： stroke-[width]