asp.net - ComboBox的DropDown按钮出现在远离输入框的地方

Question

我正在使用 AjaxControlToolkit 的 ComboBox 控件。DropDown 箭头看起来离它应该在的实际位置很远。看这张图片：

如何解决这个问题，让它看起来像一个理想的 DropDownList？

如果图像未出现，请单击此链接： http: //postimage.org/image/99yqullkb/

****编辑（CSS代码）****

.WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{
    margin: 0;
    padding: 0px 0px 1px 0px;
    border: solid 1px #7F9DB9;
    border-right: 0px none;
    font-size: 13px;
    height: 18px;
    width:200px;
}
.WindowsStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
{
    padding: 0px 0px 10px 0px;
    height: 21px;
    width: 21px;
}
.WindowsStyle .ajax__combobox_itemlist
{
    border-color: #7F9DB9;
}

Answer 1

看起来像 CSS 样式的副作用。检查箭头按钮的计算样式及其容器，其中包含一些工具，如 FireBug 或开发人员工具。IAE 尝试应用下面的样式规则，也许它可以解决问题：

table.ajax__combobox_inputcontainer td
{
    padding: 0 !important;
    text-align: left !important;
}
table.ajax__combobox_inputcontainer td.ajax__combobox_buttoncontainer button
{
    margin-left: 0 !important;
}

Answer 2

如果您使用 width="20%" 之类的宽度属性，则会出现此问题。避免在宽度属性中使用“%”，并尝试以像素为单位的精确宽度，例如 width="200px"。