Custom css applied partially on textbox

1
Hi, I have a native app. I have input textbox in one of my pages. I am applying custom css on the input widget. Although, not all attribute are getting applied on the widget. Below is the custom styling applied on the widget. Please check screenshot 1 and 2. /themes/native/main.js export const inputTextBox = {     label: {         color: "black",         marginBottom: 10,         marginLeft: 10,         fontSize: font.sizeLarge     },     input: {         backgroundColor: "white",         borderColor: "grey",         placeholderTextColor: "grey",         borderRadius: 14,         color: "black"     },     container: {         marginLeft: spacing.large,         marginRight: spacing.large,         marginTop: spacing.regular     } };    Page 1 Page 2 – in label margin styles are applied, fontsize style is applied, container border styling is applied. only color related styles are not applied.
asked
2 answers
0

Hi vivek naik,

You can solve this by as follow, please re-check the css properties you applied for the text-box once.

Thank you.

answered
0

I didn’t understand. Please elaborate.

answered