TUniEdit with css problem

[Freeman35]

hello,

This is my css.

.EDT_login {
  border-style: none none groove none;
  border-width: 1px;
  border-color: 3EC4ED;
}

I added UniEdit's UniEvents:

function beforeInit(sender, config)
{
  sender.inputCls='EDT_login';
}

On screenshot, you can see borders hided, without bottoms. And I wrote OnEnter and OnExit Event for change background color.

procedure TFRM_Login.EDTs_Enter(Sender: TObject);
begin
  TUniEdit(Sender).Color:= clInfoBk;
end;

procedure TFRM_Login.EDTs_Exit(Sender: TObject);
begin
  TUniEdit(Sender).Color:= clWindow;
end;

All of them okey. Problem is: First and last Edits are focused and unfocused. I mean OnEnter and OnExit event triggred. 2. and 3. not  You can see top shadows border on 2. and 3. edits. after enter and/or exit thats remove. MY css is work clearly. but on first show, top shadows border painting. Is this bug? or what is problem?

Regards

[Sherzod]

Hi,

 

Can you make a testcase for this please ?!

[Freeman35]

I added.

Thank you.

Project1.zip

[Sherzod]

Hi,

 

Maybe like this ?!:

.EDT_login {
  border-style: none none groove none;
  border-width: 1px;
  border-color: #3EC4ED;  
  box-shadow: 0px 1px 3px #BEE2F9;
  background-image: none;  
}

Best regards,

[Freeman35]

Not maybe,  exactly

.EDT_login {
  border-style: none none groove none;
  border-width: 1px;
  border-color: #3EC4ED;  
  #box-shadow: 0px 1px 3px #BEE2F9;
  background-image: none;  
}

If add box-shadow style ofcourse paint box. I don't want it so remark it, so, now just bottom-border painting.

thank you