Question

I have encoutnered some issues when trying to change the input text box initial style
this is the style I have at the moment:

.myInput {
    text-align: left;
    display:inline-block;
    outline: none;
    float: left;
    font-size: 0.8em;
}

And I would like to remove the borders and make the input text to appear at the begining of the input control without any padding/margins that were created by the default input text box style
(I have added an image that shows the input text location versus the label’s text location)

Thanks 🙂

Answer 1

if you want to alter/change the default style of the textbox(myInput)
try this one.

.myInput{
border:0px!important;
text-align:left!important;
padding:0px!Important;
margin:0px!important;
}

using !important will prioritize your given style
hope it would help
thanks
..