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

给PeopleEditor控件添加边框

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

给PeopleEditor控件添加边框

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

给PeopleEditor控件添加边框

很容易发现其样式为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>

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

给PeopleEditor控件添加边框

相关文章:

  • 2022-12-23
  • 2021-10-11
  • 2021-08-01
  • 2021-12-26
  • 2022-02-10
  • 2022-01-23
  • 2022-12-23
猜你喜欢
  • 2021-12-09
  • 2021-10-30
  • 2022-12-23
  • 2022-01-11
  • 2021-12-05
  • 2022-12-23
相关资源
相似解决方案