本文记录一些不常用/特殊的 CSS 属性。

隐藏 input textarea 选中状态时一圈轮廓线

outline: none;

隐藏[移动端]点按 button a 时蓝色/灰色高亮

-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

去除 input button 原生样式

-webkit-appearance: none;
appearance: none;

禁止选择文字

-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

禁止拖拽图片

-webkit-user-drag: none;
-moz-user-drag: none;
-ms-user-drag: none;
user-drag: none;

[移动端]禁止img a 长按时弹出菜单

-webkit-touch-callout: none;

隐藏 textarea 右下角三角拖拽图标

resize: none;

隐藏 li 列表前的项目符号

list-style: none;

flex 布局时禁止元素宽高被压缩

flex-shrink: 0;
Last modification:March 23, 2024
如果觉得我的文章对你有用,请随意赞赏