一些簡單的開關樣式

2021-09-29 11:46:21 字數 358 閱讀 5154

開關樣式很簡單和核取方塊差不多,也就改變了他的款和高以及弧度

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...