Gosse Westra
Posts: 0
Joined: Tue Jun 16, 2015 8:05 pm

Change the input field background color

Hello,

i have this css code

.input {
background-color:#dedce3;
border-style: solid!important;
border-color:#f7b733!important;
border: 1px;
}

input is the classname but nothing changes? the background is the same as the mobilecontainer background color and the border is black?

Gosse Westra
Posts: 0
Joined: Tue Jun 16, 2015 8:05 pm

Change the input field background color

And one more thing. In de appery.io editor it shows the border color like i want it but if i test it is black?

Gosse Westra
Posts: 0
Joined: Tue Jun 16, 2015 8:05 pm

Change the input field background color

one more update. if i add a text field with the same class name it shows how i want it. see picture Image

Gosse Westra
Posts: 0
Joined: Tue Jun 16, 2015 8:05 pm

Change the input field background color

ok i made some progress.
i used this javascript on page load

Appery("inputtitle").css('background-color', '#dedce3');
Appery("inputtitle").css('border', '2px');
Appery("inputtitle").css('border-color', '#f7b733');
Appery("inputtitle").css('border-style', 'solid');

but now i have my yellow border but also the black border is still there as you can see in the screenshot. how to fix this
Image

Gosse Westra
Posts: 0
Joined: Tue Jun 16, 2015 8:05 pm

Change the input field background color

ok this is also solved.

I added this to my css file and it works for me.

.ui-corner-all {
border-radius: .5em;
border: none;
}

Illya Stepanov
Posts: 0
Joined: Mon Mar 18, 2013 8:48 am

Change the input field background color

Thanks for the update, glad to hear things are sorted out now!

Return to “Issues”