Forum | Appery.io

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?

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?

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

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

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;
}

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