在網頁開發中,我們經常需要復制網頁上的文字或者代碼,但是直接復制會導致樣式丟失,這時候就需要用到復制文字css技巧。
使用以下代碼可以實現復制文字css的效果:
/* 禁止選擇文字 */ body { -moz-user-select: none; /* 火狐 */ -webkit-user-select: none; /* 谷歌 */ -ms-user-select: none; /* IE */ user-select: none; } /* 允許選擇pre標簽內的文字 */ pre { -moz-user-select: text; /* 火狐 */ -webkit-user-select: text; /* 谷歌 */ -ms-user-select: text; /* IE */ user-select: text; }
這段代碼中,第一個部分(body)是禁止選擇文字,避免復制文本時多余的樣式被復制出來;第二個部分(pre)是允許選擇pre標簽內的文字,這個標簽通常用來展示代碼或者其他需要保留格式的文本。
使用復制文字css技巧,可以讓我們更方便地從網頁上復制文字或代碼,避免了樣式丟失或者格式變化的問題。
上一篇網頁制作dw和css
下一篇css訪問跨域問題