CODEWITHSUNDEEP
csssapui5
miskohut
miskohut

Reputation: 1017

SAPUI5 - Input border/frame

I want to get rid of the frame that is around an Input in SAPUI5 framework. I want to make an input field elevated but the frame around the input field makes it not like desired.enter image description here

I have tried it using CSS like this:

.cityInput{
    border-bottom-color: #FFFFFF;
    color: #FFFFFF;
    background: none;
    min-height: 27px;
    border: none;
    outline: none;
    box-shadow: 5px 5px 7px #808888;
}

I want to get rid of the two yellow lines that surrounds the input field.

Thanks.

Upvotes: 0

Views: 4387

Answers (1)

Darshna Rekha
Darshna Rekha

Reputation: 1116

I am assuming that you want to get rid of the default (silver/grey) border around the input box. If this is the case then I would suggest making the border color same as your background. Making border=none, on the input class, directly does not work.

.cityInput .sapMInputBaseInner {
      border: 1px solid #fdf6b1;
}

Upvotes: 4

Related Questions