javascript - selectize.js - 如何禁用所选项目后闪烁的光标？

Question

我正在使用 selectize.js样式文本框，它工作正常。

$("select[name='somename']").selectize({
  valueField: 'id',
  labelField: 'name',
  searchField: 'name',
  options: selectableThings,
  render: {
    option: function(item, escape) {
      return render(someTemplate, item);
    },
    item: function(item, escape) {
      return render(someTemplate, item);
    }
  }
});

但是我的项目范围有限，不希望一直启用光标(闪烁 |)。我搜索了 the API docs和来源，但找不到任何明显的东西。

是否有内置的东西来禁用闪烁的光标？

Edit 最初将此作为“禁用输入”，但看起来光标不能用于输入(并且禁用输入仍然显示光标)。

Answer 1

Selectize 并不是专门设计来作为一个选择装饰器。光标来自 <input>允许用户精简选项的元素。隐藏输入会在用户键入时产生奇怪的行为。此外，当控件为空时，输入用于显示占位符文本。

从技术上讲，您可以使用 CSS 隐藏光标(和输入):

/* option a: make transparent */
.selectize-input input {
    color: transparent !important;
}

/* option b: position off-screen */
.selectize-input input {
    position: absolute !important;
    top: -9999px;
    left: -9999px;
}

但是，这又会让人觉得很奇怪。我会考虑写一个 decorator_only禁用键盘处理的插件，但这不是当务之急。

http://jsfiddle.net/mARDE/1/