Highlight Item on Focus in Oracle Apex

1) change the item background color using jquery in oracle apex

  --create page execute when page loads section in daynamic action

  $('input').on('focus', function() {

$("#"+this.id).css("background-color", "yellow");

}).on('blur', function() {

$("#"+this.id).css("background-color", "white");

});

2) highlight page item using css

-- Page Inline CSS

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;

background-color: white;

}

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

background-color: yellow;

}