Bootstrap - 使<div class =“bfh-selectbox bfh-countries”>禁用</div>

Question

我在html文档中有一个表单，当数据库中的搜索字段返回内容字段中的值时。我想以只读模式显示该字段（禁用）。我正在使用bootstrap来处理CSS和JavaScript文件。对于选择，无线电和输入标签，它很容易做到这一点。但是我使用了Bootstrap的乡村偷窥者，而且我没有看到一种简单的方法来禁用这个领域。 html文件中的标记是

<div class="bfh-selectbox bfh-countries" data-country="US" data-flags="true">
</div>

是否可以禁用此类<div>标记。在HTML或JavaScript？

Answer 1

您可以尝试在css中添加以下内容：

.bfh-selectbox{
 pointer-events:none;
}

或使用jquery

$('.bfh-selectbox').attr('disabled',true);