0

我在 Chrome 和 Firefox 中正确定位按钮时遇到问题。在 chrome 中，按钮向左移动，而在 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

只需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 回答
0

只需删除position:absolute，<input id="term_options_btn".../>按钮就会出现在两个浏览器上文本输入的右侧。

修改 JSFiddle。

于 2013-03-19T09:02:30.560 回答
0

只需删除position:absolute.

请参阅http://jsfiddle.net/4bZFT/5/。

于 2013-03-19T09:02:39.207 回答