Forum | Appery.io

Hi

Is it possible to style JQM input fields to only have a solid line at the bottom. In other words to possibly only show the bottom border of the input field?

Thanks

Hello,

Yes, it is possible to do. Please use CSS below for that:
pre.startScreen_mobiletextinput_70 div{
border:none;
box-shadow: none;
border-bottom:1px solid black;
}
/pre
startScreen - the name of the page with an input component
mobiletextinput_70 - the name of the input component

Thank you very much. Works perfectly.

Hi
How do you achieve this for a Textarea component? Why would it be different to text input component. No consistency.

Please add the textarea name into that CSS selector like:

pre.startScreen_mobiletextinput_21 div, .startScreen_mobiletextarea_22{
border:none;
box-shadow: none;
border-bottom:1px solid black;
}/pre