不能用我的CSS风格专注于textarea

时间:2015-05-10 16:12:39

标签: html css

我想使用这个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>
        }
    }

1 个答案:

答案 0 :(得分:1)

添加textarea - pointer-events:auto;

http://codepen.io/anon/pen/waMPyY