@CHARSET "UTF-8"; .content { width: 1000px; height: 550px; margin: 40px auto; background-repeat: round; border-radius: 20px; } .content #box { width: 650px; height: 400px; margin: 100px auto; background-color: white; } /* 记住密码 */ .f_pass{ height: 40px; line-height: 40px; padding: 0 8px; margin: 6px 0; } .font-s { position: relative; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } .small, small { font-size: 80%; font-weight: 400; text-align: right; } input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-label{ font-size: 15px; } .custom-control-input:not(:disabled):active~.custom-control-label::before { color: #fff; background-color: #e5ebfa; border-color: #e5ebfa; } .custom-control-input:focus:not(:checked)~.custom-control-label::before { border-color: #bac8f3; } .custom-control-input:focus~.custom-control-label::before { -webkit-box-shadow: 0 0 0 0.2rem rgba(78,115,223,.25); box-shadow: 0 0 0 0.2rem rgba(78,115,223,.25); } .custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: #059df6; background-color: #059df6; } .custom-checkbox .custom-control-label::before { border-radius:4px; } .custom-control-label::before, .custom-file-label, .custom-select { -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; } .custom-control-label::before { position: absolute; top:1px; right: 64px; display: block; width:16px; height: 16px; pointer-events: none; content: ""; background-color: #fff; border: #b7b9cc solid 1px; } .custom-checkbox .custom-control-input:checked~.custom-control-label::after { background:url(../images/duigou.png) no-repeat; } .custom-control-label::after { position: absolute; top:5px; right: 62px; display: block; width: 16px; height: 16px; content: ""; background: no-repeat 50%/50% 50%; } div { overflow: hidden; } a { text-decoration: none; text-align: center; font-weight: bold; color: rgb(100, 184, 236); } h1 { text-align: center; color: rgb(100, 184, 236); } table { margin: 30px auto; } table tr { width: 400px; height: 25px; line-height: 20px; } table tr td { color: rgb(100, 184, 236); margin-left: 15px; } input { border: 1px solid rgb(100, 184, 236); padding: 4px 0px; border-radius: 3px; /*css3属性IE不支持*/ padding-left: 5px; height: 30px; line-height: 30px; } #language { background-color: rgb(100, 184, 236); color: white; font-size: bold; float: right; height: 30px; line-height: 30px; border: 1px solid white; border-radius: 2px; box-shadow: 1px 1px 4px white; position: relative; right: 20px; text-align: center; }