Unable to find correct CSS selector

Forms SharePoint Online
1

Hi, so I am very new to CSS but I'm having trouble finding any documentation on how to select the actual inputs in the CSS editor. Is there a master list of CSS classes available in Plumsail Sharepoint? My goal is to not change the container's appearance, but to change the bland square input box. I can only seem to edit the entire container as shown in the image.

plumsailq
plumsailq758×216 3.37 KB

I should also note that I am aware I can define my own classes, but those don't seem to change the issue, they still just select the entire container. Any information on this would be greatly appreciated.

2

Hello @GauthierJon,

Welcome to Plumsail Community!

There is no list of CSS classes, but you can use browser developer tools to find out the CSS class of the element.

You can change the border radius of the field's input using this CSS:

span.k-dropdown-wrap.k-state-default, input, span.k-picker-wrap.k-state-default {
    border-radius: 20px !important;
}