canvas元素点击后生成白边,去掉canvas上的outline border都不行
解决办法:
原来是包裹canvas的div上生成了outline, 给div设置outline:none;即可
outline: none;
是一种 CSS 样式规则,用于移除元素(通常是表单元素)获取焦点时产生的外部边框(轮廓)。这个样式通常用于改善用户体验,特别是在用户与表单进行交互时。
当用户通过键盘或鼠标聚焦到一个可交互的元素(如输入框、按钮等)时,浏览器会默认显示一个外部边框,以指示当前元素获取了焦点。然而,这个默认的外部边框在某些情况下可能会影响网站的视觉效果或布局。
通过设置 outline: none;
样式,可以移除这个默认的外部边框,从而使元素在获取焦点时不再显示边框。但是,需要注意的是,移除焦点样式可能会降低可访问性,因为键盘用户可能会失去焦点指示。
为了保持可访问性和用户体验,你可以考虑在移除焦点样式的同时,添加一些其他的交互反馈样式,比如改变背景颜色或添加一个聚焦时的边框样式,以确保用户能够明确知道当前焦点所在的元素。