diff --git a/packages/excalidraw/css/styles.scss b/packages/excalidraw/css/styles.scss index 4bd9caf8d..6475ed808 100644 --- a/packages/excalidraw/css/styles.scss +++ b/packages/excalidraw/css/styles.scss @@ -44,6 +44,11 @@ body.excalidraw-cursor-resize * { height: 100%; width: 100%; + button, + label { + @include buttonNoHighlight; + } + button { cursor: pointer; user-select: none; diff --git a/packages/excalidraw/css/variables.module.scss b/packages/excalidraw/css/variables.module.scss index 1ab33e3f6..15d0768ad 100644 --- a/packages/excalidraw/css/variables.module.scss +++ b/packages/excalidraw/css/variables.module.scss @@ -129,6 +129,12 @@ } } +@mixin buttonNoHighlight { + -webkit-tap-highlight-color: transparent; + -webkit-touch-callout: none; + user-select: none; +} + @mixin outlineButtonIconStyles { @include outlineButtonStyles; padding: 0;