在html中使div禁用

时间:2016-05-20 11:40:29

标签: html css

我有这样的div:

<div class="load-more-home col-xs-12 btn" disabled="true">No more posts available </div>

我想让它无法点击。所以我添加了disable =“true”但它不起作用。

我想在没有javascript的情况下使用HTML格式。

我想知道HTML中是否存在使div无法点击的任何属性,因为disabled无效。 请帮忙。

编辑:

此类load-more-home在生成帖子的javascript函数中调用,实际上,按钮之间的区别仅在于内部文本。 当没有更多帖子时,文本将替换为“不再发布帖子”。但默认情况下,我需要放置一个不可点击的div(div就像一个按钮)。我希望我能解释一下

5 个答案:

答案 0 :(得分:4)

{"error":"invalid_grant"} 不是SELECT (SELECT SUM(Amount) FROM TableA) AS AmountA, (SELECT SUM(Amount) FROM TableB) AS AmountB, (SELECT SUM(Amount) FROM TableC) AS AmountC, (SELECT SUM(Amount) FROM TableD) AS AmountD的有效属性。 您可以使用此css语句来禁用点击事件:

disabled

答案 1 :(得分:2)

您可以使用css:

模拟它

&#13;
&#13;
.disabled {
    pointer-events: none;
    opacity: 0.4;
}
&#13;
<div class="disabled">
  <button>some clickable content</button>
</div>
&#13;
&#13;
&#13;

答案 2 :(得分:0)

试试这个:

<div class="load-more-home col-xs-12 btn" disabled="true">No more posts available </div>

.load-more-home{
  cursor: not-allowed;
}

答案 3 :(得分:0)

您可以使用CSS来禁用指针事件

#my-div {
pointer-events:none;

}

答案 4 :(得分:-1)

添加属性

style="cursor:none;"

或者像这样

.notClick {
  cursor:none;
}
<div class="load-more-home notClick col-xs-12 btn">No more posts available </div>