2015-05-10 21 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> 
     } 
    } 

回答