仅控制框周围的 ExtJs 边框，而不是标签

Question

我有一个 EXTJS TimePicker 控件。当用户在字段中单击时，我想在选择器框本身周围添加一个边框，而不是标签或整个面板只是框。我有以下代码提供了部分解决方案。它曾经在标签位于控件左侧时起作用。一旦我将标签移到顶部，我就会得到不正确的行为：

function txtTimeCtr_Focus(sender, event, eOpts )
{
 //Change the border color to red to show the time is no longer running
 sender.getPicker().pickerField.getEl().addCls('txtTime-focus-border');
 //sender.getEl().addCls('txtTime-focus-border');
}

这是我目前收到的内容的屏幕截图

:

这是我需要获得的功能：

提前谢谢大家。

Answer 1

您需要在triggerWrap上设置样式：

var f = new Ext.form.field.ComboBox({
    renderTo: document.body
});
f.triggerWrap.setStyle('border', '1px solid red');

仅控制框周围的 ExtJs 边框，而不是标签

ExtJs Border Around Control Box Only, Not Label

extjs

extjs-mvc