mint-ui实现移动端手机端添加银行卡城市三级选择表单效果代码

代码语言:html

所属分类:表单美化

代码描述:mint-ui实现移动端手机端添加银行卡城市三级选择表单效果代码

代码标签: 手机 添加 银行卡 城市 三级 选择 表单 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/mintui.min.css">
<style>

/* css reset */
body, div, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, a, input, button, textarea, table, th, tr, td {
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    height: 100%;
    width: 100%;
}

body {
    color: #333;
    font-family: "微软雅黑";
    width: 100%;
    font-size: 0;

}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}
input, textarea{
    outline: none;
}
a {
    color: #555;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

img {
    border: none;
}

ol, ul, li {
    list-style: none;
}
.vueBox{
    width: 100%;
}

/* placeholder 字体颜色*/
::-webkit-input-placeholder { /* WebKit browsers */
    color:#B0B0B0;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#B0B0B0;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#B0B0B0;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#B0B0B0;
}


    .vueBox {
	padding-left: .3rem
}
.........完整代码请登录后点击上方下载按钮下载查看

网友评论0