是否有一些我可以应用于表格的CSS参数,以便用户无法点击它？

Question

我有一个普通的CSS表:

            <table class="form grid">
                <thead>
                    <tr>
                        <th>EId</th>
                        <th>Number</th>
                        <th>Name</th>
                    </tr>
                </thead>
            ...

该表包含标签和一些输入字段.当使用Ajax调用检索数据时,我想这样做,以便用户无法单击该表.理想情况下,我想让桌子在白色背景主题上看起来不那么暗,而在黑色背景主题上看起来有点暗.有什么办法可以用CSS做到这一点吗？

Answer 1

你可以轻松地做到这一点 pointer-events

table{
   pointer-events:none;
}

Pointer-events大多数主流浏览器都支持:http://caniuse.com/pointer-events,但是如果你想要与旧的IE兼容,可以更容易地创建一个带有透明png背景的div并将其覆盖在表的顶部.

或者,您可以使用e.preventDefault();yoavmatchulsky指出的JS .