css 清除选中焦点 |css3让元素居中

对于一个网站来说，很多交互操作都需要用户去选择文本，比如拖拽、复制等操作，而当用户选中一些文本时，浏览器默认的样式是蓝色的高亮背景和黑色的文本，这会影响到用户的体验，甚至会让用户感到不适。此时，大家可以使用CSS清除选中焦点的样式，让用户在使用网站时更加愉悦。

下面是CSS清除选中焦点的代码：

body {
user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}

上述代码中，大家设置了user-select属性，并且为了兼容不同浏览器，也添加了一些前缀。user-select属性有四个值可选，分别是none、text、all和auto。其中，none表示不能选择文本，text表示只能选择文本，不能选择非文本内容，all表示可以选择所有内容，而auto表示浏览器自己决定哪些内容可选。

此外，大家还可以使用JS来清除选中焦点，代码如下：

document.addEventListener('selectstart', function(e) {
e.preventDefault();
});

上述代码中，大家监听了selectstart事件，并且在事件发生时阻止了默认行为，也就是不允许选择文本。这种方法比CSS的兼容性更好，但可能需要更多的代码。

总之，CSS清除选中焦点是一种简单有效的方法，可以提升用户体验，值得开发者们在网站开发中使用。