Home/ Questions/Q 320
In Process

vinish.ai Latest Questions

  • 2
  • 2
Asked: 2020-09-05T12:42:58+00:00

Oracle Apex Text Field Color Change

  • 2
  • 2

Hi, I have 1 text field and I want to change Color If type IN then color Green and Out then Red color. 

 

colorpage item
Share
Leave an answer

Leave an answer

Browse

2 Answers

  1. Put the following CSS into the page inline CSS section:

    input[type=text], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
padding: 3px 0px 3px 3px;
margin: 5px 1px 3px 0px;
border: 1px solid #DDDDDD;
}

input[type=text]:focus, textarea:focus {
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
padding: 3px 0px 3px 3px;
margin: 5px 1px 3px 0px;
border: 1px solid rgba(81, 203, 238, 1);
}

    Output:

    Oracle Apex: Highlight border of text input field.

    it will highlight the border of the current input field.

    To set the text color, use the following:

    input[type=text], textarea {
color: red;
}

input[type=text]:focus, textarea:focus {
color: green;
}