2015-05-10 24 views
1

我想用這個css style來回復我的asp.net項目中的消息,但是在這個例子中,當我用鼠標點擊它時,textarea不會被聚焦,而且我嘗試添加一個按鈕,但同樣的事情不會被點擊。有沒有辦法改變這種CSS風格,使textarea和按鈕可調焦? 這裏是我的asp.net頁面代碼:不能專注於我的CSS風格的textarea

@{ 
     for (int i = 0; i < Model.Count(); i++) 
     { 
      <input id="[email protected](model => model.ElementAt(i).id)" type="checkbox"> 
      <label for="[email protected](model => model.ElementAt(i).id)" href="#move"> 
       <div class="container_ui__item"> 
        <div class="face"> 
         <img [email protected](model => model.ElementAt(i).sender.image) width="70" height="70" /> 
         <div class="color_bar one"> 
          <p>Now Reading</p> 
          <span>Read</span> 
         </div> 
        </div> 
        <h2> 
         @Html.DisplayFor(model => model.ElementAt(i).sender.name) 
        </h2> 
        <div class="dot @(Model.ElementAt(i).sender.state())"></div> 
        <h3>Raison : @Html.DisplayFor(model => model.ElementAt(i).title)</h3> 
        <h4>Objet : @Html.DisplayFor(model => model.ElementAt(i).object)</h4> 
       </div> 
       <div class="container_ui__expand" id="close"> 
        <div class="heading"> 
         <div class="heading_head"></div> 
         <label for="message-1"> 
          x 
         </label> 
        </div> 
        <div class="body"> 
         <div class="user"> 
          <div class="face"> 
           <img [email protected](model => model.ElementAt(i).sender.image) > 
          </div> 
          <div class="details"> 
           <h2>@Html.DisplayFor(model => model.ElementAt(i).sender.name)</h2> 
           <h3>Objet : @Html.DisplayFor(model => model.ElementAt(i).object)</h3> 
          </div> 
         </div> 
         <div class="content"> 
          <p><b>Content : </b><br>@Html.DisplayFor(model => model.ElementAt(i).content)</p> 
          <span>Reply:</span> 
          <input type="submit" value="reply"/> 
          <textarea></textarea> 
         </div> 
        </div> 
       </div> 
      </label> 
     } 
    } 

回答