開關樣式很簡單和核取方塊差不多,也就改變了他的款和高以及弧度
css:
/* 必須是input為checkbox */
input[type="checkbox"]
input[type=checkbox].switch::after
input[type=checkbox].switch:checked
/* 當input[type=checkbox]被選中時,偽元素顯示下面樣式
定位發生變化 */
.switch:checked::after
input[type=checkbox].switch.switch-info
一些簡單的CSS樣式
ul font size 0.9em color 00458e list style type decimal circle none list style image url icon1.jpg 顯示 border top left bottom right div background colo...
常用的一些樣式
一 文字溢位打點 超出省略號 1 單行溢位打點 2 單行溢位打點,以2行為例 規定顯示2行並且超出部分顯示.多行文字溢位打點 text overflow ellipsis line clamp 2 webkit line clamp 2 display webkit box 設定盒子為伸縮盒 ove...
一些css樣式
1.color 顏色 2.font size 字型大小 3.font family 字型型號 4.font style 字型樣式 斜體等 5.font weight bold字型加粗 bolder更粗 6.text decoration underline下劃線 overline上劃線 none b...