class is not shown in elements inspector in chrome-CodePudding

as shown in the image and in the circled parts, i created a class called clsTest. in this class i would like to change the position and some propertities of the circled element in red as shown in the image. the circled elements in red are composed of input field and icon of the calendar. when i activate the elements inspector in chrome, the class clsTest is never present or listed among other classes. in other words ,as shown in the image, the class .clr-control-container is shown but the class clsTestis not!!

please let me know how to correctly assign a class and be able to modify its attributes to change the position and properties of the circled element in red.

html:

<clr-date-container >
            <label id="idDateOfSprayLabel">
                <p>Date:</p>
            </label>
            <input id="idDateOfSprayValue"  clrDate type="date" placeholder="Specify date of spray" [(ngModel)]="iDatePasser.dateOfSpray" (ngModelChange)="onDateOfSpraySet($event)" name="dateOfSpray"
                value="2021-07-21" min="2021-01-01" max="2090-12-31" />
        </clr-date-container>

css:

.clsTest{
bottom: 10;
right: 0px;
left: 430px;
top: 174px;
width: auto;

}

image:

CodePudding user response：

I assume the default