eapp
Version:
79 lines (78 loc) • 1.52 kB
CSS
/* button初始化样式*/
button {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-appearance: none;
padding: 0;
margin: 0;
outline: none;
border: none;
border-radius: 0;
background: transparent;
}
.btn {
/*display: block;*/
position: relative;
color: #ffffff;
font-size: 1rem;
background: #0d88ee;
border-radius: .4rem;
text-align: center;
margin: 0.2rem 0;
padding: 0.5rem 0.6rem;
-webkit-user-select: none; /*禁用手机浏览器的用户选择功能 */
-moz-user-select: none;
}
.btn:active {
/*top: 2px; 向下偏移2px*/
top: 2px;
/*padding-bottom: 9px;*/
/*padding-left: 10px;*/
/*padding-right: 10px;*/
/*padding-top: 6px;*/
}
/*颜色扩展：http://www.w3school.com.cn/cssref/css_colornames.asp*/
.btnGreen {
background: #05be65;
}
.btnRed {
background: #bf1d03;
}
.btnBlack {
background: Black;
}
.btnBlue {
background: #1E90FF;
}
.btnMidnightBlue {
background: #191970;
}
.btnYellow {
background: #FFA500;
}
.btnPink {
background: #FF1493;
}
.btnLightCoral{
background: #F08080;
}
.btnSlateBlue{
background: #8470FF;
}
.btnTeal{
background: #008080;
}
.btnBrown{
background: #A52A2A;
}
.btnIndigo{
background: #4B0082;
}
.btnTm{
font-size: 1.6rem;
margin: 0.2rem 0;
padding: 0.5rem 0.4rem;
background: rgba(0, 0, 0, 0);
}
.btnTm:active {
top: 0px;
}