CSS是一種非常強大的語言，可以通過它來控制網(wǎng)頁的樣式，包括字體、顏色、大小等等。當我們需要讓用戶在頁面中進行多選的時候，通常會使用checkbox（復選框）。但是在某些情況下，我們可能需要不帶框的多選方式。那么如何實現(xiàn)這個需求呢？

選項1選項2選項3

如上代碼所示，我們通過CSS來隱藏了checkbox，然后使用label標簽來代替checkbox，當label被點擊時，它會自動去觸發(fā)對應的checkbox的狀態(tài)。當checkbox被選中時，我們使用checked偽類來定義選中狀態(tài)的樣式，使用:hover來定義鼠標懸停樣式。這樣就能夠?qū)崿F(xiàn)不帶框的多選啦。