in version 1384 I used the following encoding:
if (tcomponent (Temp) is TUniNumberEdit) Then Begin TUniNumberEdit (Temp) .ClientEvents.UniEvents.Values ['beforeinit']: = 'function beforeinit (sender, config)' + '{config.focusCls =' 'myfield-focus''; '+ '}'; End I did this for all of the data input components I use, and with this code I changed the color of the component on entry, but now in version 1467 the expected effect is no longer happening. in custom CSS I have: .x-myfield-focus { border-color: # 7eadd9; background-color: # FFFFE1; color: # FF0000; background-image: none; } .x-form-trigger-input-cell .x-myfield-focus { background-color: # FFFFE1! important; } input [type = text]: focus, textarea: focus { box-shadow: 0 0 7px rgba (81, 203, 238, 1); border: 2px solid rgba (81, 203, 238, 1); border-radius: 2px; background-color: solid rgba (81, 203, 238, 1); } input [type = password]: focus, textarea: focus { box-shadow: 0 0 7px rgba (81, 203, 238, 1); border: 2px solid rgba (81, 203, 238, 1); border-radius: 2px; background-color: solid rgba (81, 203, 238, 1); } input [type = combobox]: focus, textarea: focus { box-shadow: 0 0 7px rgba (81, 203, 238, 1); border: 2px solid rgba (81, 203, 238, 1); border-radius: 2px; background-color: solid rgba (81, 203, 238, 1); } input [type = checkbox]: focus, textarea: focus { box-shadow: 0 0 7px rgba (81, 203, 238, 1); border: 2px solid rgba (81, 203, 238, 1); background-color: solid rgba (81, 203, 238, 1); } input [type = date]: focus, textarea: focus { box-shadow: 0 0 7px rgba (81, 203, 238, 1); border: 2px solid rgba (81, 203, 238, 1); border-radius: 2px; background-color: solid rgba (81, 203, 238, 1); }