How do I change the style of a text box to have a border around the input area only (not the label too)

0
I need to customize the styling of a text box so that the area that the user inputs their details has a border around it.  How do I specifically target the border of the input area and not the text box as a whole (I’m presuming that the Mendix text box includes the label) i.e. don’t want the border around the label too.   thanks Kath
asked
2 answers
5

Hi Kathleen,

You can find form-control class in input.scss file. There you can add the following styles

//

.form-control{

border-bottom:1px solid #555;

border-top: none;

border-right:none;

border-left:none;

}

 

answered
2

Hi Kathleen,

 

You will have to play with same custom CSS Selectors in mendix Styles to archive what you want!

Check out this learning paths

 https://academy.mendix.com/link/modules/480/lectures/3857/3.2-What-are-Selectors

https://academy.mendix.com/link/modules/473/lectures/3809/-2.5.1-Update-the-Border

 

 

 

I.e.:

answered