zoukankan      html  css  js  c++  java
  • 给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
             
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    css随笔7
    css随笔6
    css随笔5
    *css随笔4
    css3随笔3
    css随笔2
    css随笔1
    HTML总结
    HTML随笔2
    消息转发原理
  • 原文地址:https://www.cnblogs.com/leolis/p/2160518.html
Copyright © 2011-2022 走看看