Browse Source

咨询申请多行文本输入时首次不弹键盘框问题

luyanan 8 years ago
parent
commit
4973499466
2 changed files with 5 additions and 6 deletions
  1. 2 1
      app/css/app.css
  2. 3 5
      app/html/consultapply.html

+ 2 - 1
app/css/app.css

@ -51,7 +51,8 @@ body{ color: #666666; font-size:14px;line-height:20px;}
51 51
.mainbox{width: 96%; margin:2% auto;}
52 52
.mainbox:before{ position:static;}
53 53
/*div模拟textarea多行文本框*/
54
.textareabox{font-size:13px;padding:2px;-webkit-user-select:text;border-bottom: 1px solid #F0F0F0;}
54
div.textareabox{font-size:13px;padding:2px;-webkit-user-select:text;border-bottom: 1px solid #F0F0F0;-webkit-user-modify: read-write-plaintext-only;}
55
div.textareabox:empty:before {content: attr(placeholder);display: block;color: #AAAAAA;}
55 56
.borderarea{/*border-bottom: 1px solid #F0F0F0;*/}
56 57

57 58
/*必填项样式*/

+ 3 - 5
app/html/consultapply.html

@ -28,8 +28,8 @@
28 28
				border-bottom:1px solid rgba(0,0,0,.2);
29 29
				background:#fff;
30 30
			}
31
			.content{color:#AAAAAA}
32
			.question{color:#666666}
31
			/*.content{color:#AAAAAA}
32
			.question{color:#666666}*/
33 33
			#count {
34 34
				text-align: right;
35 35
				color:#AAAAAA;
@ -103,9 +103,7 @@
103 103
							<li class="basicfrm"><input type="text" name="comname" placeholder="请用一句话概括您的需求" class="mui-input-clear frmtype" id="consulttitle"></li>
104 104
							<li><label>咨询内容<em class="requiredcon" ></em></label></li>
105 105
							<li style="height:auto">
106
								<div class="textareabox content" id="consultcon" contenteditable="true" onfocus="if(this.innerText=='请详细描述您遇到的问题')this.innerText='';this.style.color='#555555';" onblur="if(this.innerText=='')this.innerText='请详细描述您遇到的问题';this.style.color='#AAAAAA';">
107
									请详细描述您遇到的问题
108
								</div>
106
								<div class="textareabox content" id="consultcon" contenteditable="true" placeholder="请详细描述您遇到的问题"></div>
109 107
								<div id="count">300</div>
110 108
							</li>
111 109
						</ul>