css 选中区域默认蓝底 |css样式 修改

/*去掉选中区域的默认蓝底*/
/*所有元素*/
* {
-webkit-tap-highlight-color: transparent; /*针对iOS设备*/
-webkit-touch-callout: none; /*禁用iOS默认的链接弹出框*/
-webkit-user-select: none; /*禁止选中文字*/
-moz-user-select: none; /*禁止选中文字*/
-ms-user-select: none; /*禁止选中文字*/
user-select: none; /*禁止选中文字*/
}
/*针对body元素*/
body {
-webkit-user-select: auto; /*恢复body元素的文本选中*/
-moz-user-select: auto; /*恢复body元素的文本选中*/
-ms-user-select: auto; /*恢复body元素的文本选中*/
user-select: auto; /*恢复body元素的文本选中*/
}

以上代码中，大家使用了user-select属性，这个属性可以用来控制文本是否可以被选中。当大家设置user-select为none时，元素内的文本将不可选中。另外，为了兼容不同的浏览器和设备，大家还使用了不同的前缀。

在移动设备中，为了提高用户体验，大家还可以使用-webkit-tap-highlight-color属性来控制点击区域的高亮颜色。此外，为了禁用iOS设备默认的链接弹出框，大家也使用了-webkit-touch-callout属性。

需要注意的是，如果大家希望某个元素内的文本可以被选中，需要将元素的user-select属性设置为auto，如大家在以上代码中为body元素做的设置。

总的来说，通过以上的控制，大家可以在网页中更加灵活地控制选中区域的样式，提高网页的美观性和用户体验。