Question

我已经很努力地放下一个下拉菜单，最后我成功了。但我还有另一个问题。问题是在文本框和下拉图像之间创建了一个小间隙。这是我的HTML代码。任何人都可以帮我确定问题。

<input type="text" id="DropDownTextBox" readonly="true" 
    style="height:17px;font:normal 10px verdana;
     width:85px;border-right:0px ;
     border-bottom:1px solid #333;
     border-top:1px solid #333;
     border-left:1px solid #333;"
     value ='Filter' 
     onClick="ShowDropDown('DropDownTextBox');"/>
 <img src="/images/dropdown_arrow.png"
     style="vertical-align:middle;"
     onClick="ShowDropDown('DropDownTextBox');"
     id="showDropDownImg"/>

Answer 1

您只需删除/删除img标记开始和输入标记结尾之间的空格。看下面并执行它，现在你将找不到它们之间的任何空间。

    <input type="text" id="DropDownTextBox" readonly="true" 
style="height:17px;font:normal 10px verdana; width:85px;border-right:0px ;border-bottom:1px solid #333;border-top:1px solid #333;border-left:1px solid #333;" value ='Filter' onClick="ShowDropDown('DropDownTextBox');"/>
<img src="/images/dropdown_arrow.png" 
style="vertical-align:middle;" onClick="ShowDropDown('DropDownTextBox');" id="showDropDownImg"/>

用空间创建的下拉菜单

1 个答案: