Forum | Appery.io

I am trying to apply the following CSS classes to a mobiletextinput with the goal of just getting a line instead a box for it.

.myinput {
border-top-style: hidden;
border-right-style: hidden;
border-left-style: hidden;
border-bottom-style: groove;
background-color: #ffffff;
}

.no-outline {
outline: none;
}

somehow the preview inthe page editor looks different then the test run.
Both arr not showing what I try to accomplish.

Any help?

Hello Bernie,

Do you need to apply these styles to all input components or only for the specific one?
Please use the following CSS for that: prediv.ui-input-text{
border: none;
box-shadow: none;
}/pre

Hi Serhii,
Thank you. This is what I ended up using:

Created a new CSS:

div.ui-input-text{
border: none;
box-shadow: none;
border-top-style: hidden;
border-right-style: hidden;
border-left-style: hidden;
border-bottom-style: groove;
background-color: transparent;
}

Works for all the textinputs in that app.

Thank you for the update! Glad it works now!