0

Chrome と Firefox の両方でボタンを正しく配置するのに問題があります。クロムではボタンは左に移動しますが、Firefox では本来あるべき場所 (入力ボタンの後) に移動します。

<td style="position: relative;">
<input type="text" id="search_box" value="" style="float: left; width: 160px;" name="search_term">
<input id="term_options_btn" style="z-index: 501; position:absolute;float: left;" type="button" class="client_ac_showall" value="▼" onclick="ShowTermOptions()">
<div style="clear:both;"></div>
<div style="margin-left: 73px; display: none;" class="term_options">
    <div><label><input type="checkbox" value="true" checked="checked" name="search_in_topics">Szukaj w tytule</label></div>
    <div><label><input type="checkbox" value="true" checked="checked" name="search_in_posts">Szukaj w postach</label></div>
</div>

ここにデモがあります http://jsfiddle.net/4bZFT/

4

3 に答える 3

0

を削除するだけposition:absoluteです。

http://jsfiddle.net/4bZFT/5/を参照してください。

于 2013-03-19T09:02:39.207 に答える
0

position:absoluteから削除するだけ<input id="term_options_btn".../>で、両方のブラウザでテキスト入力の右側にボタンが表示されます。

JSFiddleを変更しました。

于 2013-03-19T09:02:30.560 に答える
0

remove inline styleボタンからだけでこれを試してください

<input id="term_options_btn" type="button" class="client_ac_showall" value="▼" onclick="ShowTermOptions()">

ブラウザの mozilla と chrome の両方で、あるべき場所にボタンが表示されます。

于 2013-03-19T09:05:09.553 に答える