javascript - Bootstrap - 禁用 <div class ="bfh-selectbox bfh-countries">

Question

我在 html 文档中有一个表单，当数据库中的搜索字段返回内容字段中的值时。我想以只读模式(禁用)显示该字段。我正在为 CSS 和 JavaScript 文件使用 Bootstrap 。对于 select、radio 和 input 标签，这样做很容易。但我使用的是 Bootstrap 的 country peeker，我没有看到禁用该字段的简单方法。 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);