CSS边框样式组合框或日期字段extjs

Question

我想以图形方式禁用＆＃34; extjs中的组合框，通过在用户不点击它的同时应用CSS类来删除边框。

如何应用此CSS类？它不是字段的边界，而是包装字段和选择器的包装器。

（对于datefield我有同样的问题）

Answer 1

Ext在聚焦字段时应用特殊的CSS类，因此很容易做出与焦点相关的样式。使用开发工具来探索标记并查看需要更改的内容。

例如，要删除所有视觉线索，它是来自未聚焦的组合的字段，请使用此CSS（example fiddle）：

.custom-combo .x-form-field:not(.x-field-form-focus) {
    border: 1px solid transparent;
    background: none;
}

.custom-combo .x-form-item-body:not(.x-form-trigger-wrap-focus) .x-form-trigger {
    background: none;
    border-bottom: 1px solid transparent;
}

我使用border: 1px solid transparent代替border: 0来防止在组合聚焦时出现1px偏移。