Custom Tooltip in Oracle Apex Apex items.

-- Change Field label like below

-- directly put below in field label 

-- Changed standard title tag to data-title to stop standard tooltip

<b data-title="Billing Period Name" class="lctooltip">Name</b>

-- Below code for inline css for mousehover tooltip

.lctooltip:hover:after {

    /* background: #333; */

    background: #3b83bd;

    border-radius: 5px;

    bottom: 100%;

    /* top: 50px; */

    color: #f9f9f9;

    content: attr(data-title);

    left: 100%;

    /* padding: 5px 18px; */

    padding-bottom: 2%;

    padding-top: 2%;

    /* align-content: start; */

    text-align: center;

    position: absolute;

    z-index: 98;

    width: 250%;

    border-color: black;

    opacity: 95%;

}