CSS默認打鉤的代碼可以用于實現各種不同的功能,如勾選框、單選框等。下面是一個簡單的例子,展示如何使用這個代碼:
input[type="checkbox"] { width: 20px; height: 20px; margin: 0; padding: 0; border-radius: 5px; border: 1px solid #ccc; background-color: #fff; } input[type="checkbox"]:checked { background-color: #66ccff; border-color: #66ccff; } input[type="checkbox"]:checked:after { content: "\2713"; font-size: 20px; color: #fff; position: absolute; top: 2px; left: 6px; }
在上述代碼中,我們定義了一個樣式,使得所有的復選框都具有相同的外觀。然后,我們定義了一個“:checked”偽類,使得被選中的復選框具有不同的背景色和邊框顏色。最后,我們使用“:after”偽元素來添加一個打鉤圖標。
上一篇css背景圖片顏色反轉
下一篇css默認去掉所有