ドロップダウンで作成されたスペース

Question

私はドロップダウンメニューを配置しようとしているbeeenを持って、最後に私はsucessfullです。しかし、私はまだ別の問題があります。問題は、テキストボックスとドロップダウンイメージの間に小さな隙間ができてしまうことです。ここに私の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"/>