up
down
Close
架站盒子
Web Development Box
 

CSS 點擊時不要反白、不允許選取

│ 3576 Views │ CSS
CSS 點擊時不要反白、不允許選取
CSS 點擊時不要反白、不允許選取

雖然大部分的網頁設計都會想設計反白效果,但有些元素仍會需要用到禁止反白,通常是因為美觀的關係,例如手機點選某些元素時經常會出現反白的情況,使得整體美感失去平衡,這時就可以用CSS來避免這樣的情況。

CSS


user-select:none; /* standard syntax */
-webkit-user-select:none; /* for Chrome、Safari */
-moz-user-select:none;  /* for Mozilla、Firefox */

user-select的意思是使用者選取,給它none值就是不讓使用者選取,無法選取也就無法反白了。

實際效果

See the Pen Untitled by kumo (@kumo-tw) on CodePen.


延伸閱讀

本文是否對您有幫助?