我想使用这个css style来回复我的asp.net项目中的消息,但是在这个例子中,当我用鼠标点击它时,textarea不会被聚焦,我也尝试添加一个按钮但是同样的事情不会被点击。有没有办法改变这种CSS样式,使textarea和按钮可以集中? 这是我的asp.net页面代码:
@{
for (int i = 0; i < Model.Count(); i++)
{
<input id="reclamation_@Html.DisplayFor(model => model.ElementAt(i).id)" type="checkbox">
<label for="reclamation_@Html.DisplayFor(model => model.ElementAt(i).id)" href="#move">
<div class="container_ui__item">
<div class="face">
<img src=@Html.DisplayFor(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 src=@Html.DisplayFor(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>
}
}