images/bootstrap-switch.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

.has-switch {
	border-width: 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-radius: 5px; border-image: none; text-align: left; line-height: 8px; overflow: hidden; vertical-align: middle; display: inline-block; position: relative; cursor: pointer; min-width: 100px; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.switch-mini.has-switch {
	min-width: 72px;
}
.switch-mini.has-switch i.switch-mini-icons {
	height: 1.2em; text-align: center; line-height: 9px; margin-top: -1px; margin-bottom: -1px; vertical-align: text-top; transform: scale(0.6);
}
.switch-small.has-switch {
	min-width: 80px;
}
.switch-large.has-switch {
	min-width: 120px;
}
.deactivate.has-switch {
	cursor: default !important; opacity: 0.5;
}
.deactivate.has-switch label {
	cursor: default !important;
}
.deactivate.has-switch span {
	cursor: default !important;
}
.has-switch > div {
	top: 0px; width: 150%; display: inline-block; position: relative;
}
.has-switch > div.switch-animate {
	transition:left 0.5s; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -o-transition: left 0.5s;
}
.has-switch > div.switch-off {
	left: -50%;
}
.has-switch > div.switch-on {
	left: 0%;
}
.has-switch input[type=radio] {
	display: none;
}
.has-switch input[type=checkbox] {
	display: none;
}
.has-switch span {
	height: 100%; line-height: 20px; padding-top: 4px; padding-bottom: 4px; font-size: 14px; display: inline-block; position: relative; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.has-switch label {
	height: 100%; line-height: 20px; padding-top: 4px; padding-bottom: 4px; font-size: 14px; display: inline-block; position: relative; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.has-switch span.switch-mini {
	line-height: 9px; padding-top: 4px; padding-bottom: 4px; font-size: 10px;
}
.has-switch label.switch-mini {
	line-height: 9px; padding-top: 4px; padding-bottom: 4px; font-size: 10px;
}
.has-switch span.switch-small {
	line-height: 18px; padding-top: 3px; padding-bottom: 3px; font-size: 12px;
}
.has-switch label.switch-small {
	line-height: 18px; padding-top: 3px; padding-bottom: 3px; font-size: 12px;
}