I have a PeoplePicker element that displays a disabled input field with the placeholder text "Maximum contacts added". How can I hide it using CSS?
When inspecting the code, the following HTML structure is revealed:
<input
class="control"
part="control"
id="control"
placeholder="Max contacts added"
type="text"
aria-atomic="true"
aria-label="Maximum contact selections reached"
aria-live="assertive"
disabled="true"
>
I attempted to use the following CSS rules:
#control {
display: none;
}
and
.control {
display: none;
}
However, the input field remains visible.
Any help would be greatly appreciated. Thank you!