Search code examples
cssoracle-apexinline

How to reference only one page item in the inline field? Oracle Apex

I am trying to change the color of the one-page item, but all of my page items are changed.

What am I doing wrong?

.t-Form-label,
P1_E1_2_1_1 {
        color: red;
}

I am writing this in the Inline field:

enter image description here

Solution

  • test done on Apex version 22.1. Created page item P70_ITEM1 and P70_ITEM2 with template label "optional" (not "optional - floating"). This looks like this:

    enter image description here

    Inspect the first item in the chrome developer tools:

    enter image description here

    Note that the label for page item P70_ITEM1 has an id of P70_ITEM1_LABEL. That id can be used as css selector and set as "Inline" in the "CSS" section of "Page Attributes":

    enter image description here

    Save and run the page:

    enter image description here