仅控制框周围的 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');