AutocompleteExtender css即使折叠也显示边框

时间:2014-08-19 06:26:21

标签: asp.net ajaxcontroltoolkit

我在我的ASP.NET网站中使用AJAX AutoCompleteExtender并试图弄清楚为什么是边框,或者至少是我认为的边框,显示在我的文本框下。

请注意,在两个文本框左下角的图片中,有一个1by1px的正方形。我可以在CSS中添加或更改什么来摆脱这个?

Sample

这是我的CSS:

.autocomplete_completionListElement
{  
overflow : auto;
max-height : 200px;
min-height: 0px;
border-width: 1px;
border-style: solid;
list-style-type : none;
margin:0px;
padding: 0px;
width:auto;
background: #EBEBEB;
}

这是文本框:

<asp:TextBox ID="txt_PostnaPosta" runat="server" CssClass="tBox" 
  autocomplete="off" AutoPostBack="true"></asp:TextBox>
<cc1:AutoCompleteExtender 
  ServiceMethod="srch_tboxPosta" 
  MinimumPrefixLength="2"
  CompletionInterval="100" 
  EnableCaching="true" 
  CompletionSetCount="10" 
  TargetControlID="txt_PostnaPosta"
  ID="ac_txt_PostnaPosta" 
  runat="server" 
  FirstRowSelected="false"
  CompletionListCssClass="autocomplete_completionListElement">
</cc1:AutoCompleteExtender>

不确定为什么嵌入的图片具有马铃薯质量,这里是与Imgur的直接链接 Original

1 个答案:

答案 0 :(得分:1)

在给定的css中,

边界宽度为1px

.autocomplete_completionListElement
{  
  overflow : auto;
  max-height : 200px;
  min-height: 0px;
  border-width: 0px;
  border-style: solid;
  list-style-type : none;
  margin:0px;
  padding: 0px;
  width:auto;
  background: #EBEBEB;
  }