Make People Picker Look Like a TextBox

The default People Picker will look something like this;

So use the following CSS to make it look more like a default TextBox;

.ms-inputuserfield

{

font-size: 8pt;

font-family: Verdana,sans-serif;

}

   

div.ms-inputuserfield a

{

color: #000000;

text-decoration: none;

font-weight: normal;

font-style: normal;

}

   

div.ms-inputuserfield

{

border: 1px solid #a5a5a5;

position: relative;

padding-left: 1px;

padding-top: 2px;

}

As for the the People Picker control:

<SharePoint:PeopleEditor ID="PeopleEditor" CssClass="ms-inputuserfield" Width="360px" runat="server" AllowEmpty="false" MultiSelect="false" />