性别选框样式调整

This commit is contained in:
Tim 2016-09-08 15:28:22 +08:00
parent 8584d1dccb
commit 031ba38655
2 changed files with 11 additions and 13 deletions

View File

@ -12,14 +12,16 @@
<form name="regFrm" novalidate>
<div class="course-list-row f13 c-grey3 mt10"><span class="fl ml15 c-grey3">姓名</span><input class="new-class-input ml25" ng-model="lastname" placeholder="请输入您的姓名全称" maxlength="30" /></div>
<div class="course-list-row f13 c-grey3 mt10">
<span class="c-grey3 select-text">性别</span>
<div class="select-container">
<select ng-model="gender" class="select-model">
<!--<option selected="selected">请选择您的性别</option>-->
<option ng-selected="sex==0"></option>
<option ng-selected="sex==1"></option>
</select>
<div class="course-list-row f13 c-grey3 mt10" style="height:auto;">
<div class="mt5" style="line-height:20px">
<span class="ml15 c-grey3">性别</span>
<span class="ml25"></span>
<span class="login-box fr mr10 mt2" ng-click="selectRole(9)" ng-class="['login-box', 'fr', 'mr10', 'img-circle', {'bg-grey':assistant,'checked': teacher}]"></span>
</div>
<div class="mb5 mt5" style="line-height:20px;">
<span class="ml15 c-grey3"></span>
<span class="ml55"></span>
<span class="login-box fr mr10 mt2" ng-click="selectRole(9)" ng-class="['login-box', 'fr', 'mr10', 'img-circle', {'bg-grey':assistant,'checked': teacher}]"></span>
</div>
</div>

View File

@ -262,8 +262,4 @@ a.underline {text-decoration:underline;}
/*资料修改*/
.blank-row {width:100%; height:38px; line-height:38px; vertical-align:middle;}
.upload-input-container {width:30px; height:30px; border:1px solid #ddd; position:relative;}
.upload-input {width:30px; height:30px; position:absolute; z-index:1; opacity:0;}
/*.upload-input-container:after {content:" "; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background-color:#ddd; background-image:url(../images/male.jpg); width:30px; height:30px; background-size:30px 30px; border-radius:50%;}*/
.select-container {position:relative; padding-left:62px;}
.select-text {position:absolute; left:15px;}
.select-model {width:100%; border:none; color:#999; margin-top:8px; outline:none;}
.upload-input {width:30px; height:30px; position:absolute; z-index:1; opacity:0;}