Deon
Posts: 0
Joined: Sun Jun 30, 2013 6:00 am

Trending Styling for JQM App

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

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

Trending Styling for JQM App

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

Deon
Posts: 0
Joined: Sun Jun 30, 2013 6:00 am

Trending Styling for JQM App

Thank you very much. Works perfectly.

Deon
Posts: 0
Joined: Sun Jun 30, 2013 6:00 am

Trending Styling for JQM App

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

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

Trending Styling for JQM App

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

Return to “Issues”