欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css文字不能被選擇

韓增正1年前8瀏覽0評論

在網(wǎng)站的設(shè)計中,有時候我們需要設(shè)置某些文字無法被選擇,例如一些版權(quán)信息、提示信息等等。這時候,CSS提供了一種非常簡單且有效的方式來實現(xiàn)這一點。

user-select: none;

這個CSS屬性可以使得選中的文本不能夠被選擇,實現(xiàn)方法非常簡單,只需要在需要設(shè)置的元素上添加該屬性即可。

<p style="user-select: none;">無法被選中的文字</p>

這樣設(shè)置之后,這段文字就無法被選中了。

需要注意的是,這個屬性的兼容性并不是很好,IE瀏覽器需要使用-ms-user-select這個屬性,而在移動端的一些瀏覽器也可能會有問題。所以,是否需要使用這個屬性需要考慮瀏覽器兼容性的問題。

如果需要讓整個頁面都無法被選中,可以在body上設(shè)置這個屬性,例如:

body {
user-select: none;
}

總之,使用CSS使得文字無法被選擇是非常簡單的,只需要添加一個user-select屬性,就可以實現(xiàn)這個功能。