给PeopleEditor控件添加边框

在开发的WebPart中如果有PeopleEditor控件存在,部署后常常看到了界面就是如下:

咦,那个输入的文本框呢!?用鼠标上去点一下,原来还在,只是边框没了:

那就只有自己给它加个边框,首先用IE8及以上版本浏览器F12打开开发人员工具,然后选定那个人员选取器的文本框,看其样式是什么:

很容易发现其样式为ms-inputuserfield,现在我们只需要重写一下这个样式,加个border就可以了,

1 <style type="text/css">
2 .ms-inputuserfield{font-size:8pt; font-family:Verdana,sans-serif; border:1px solid #a5a5a5;}
3 </style>

然后重新编译部署,发现有边框了:

作者:Statmoon
         
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
原文地址:https://www.cnblogs.com/leolis/p/2160518.html