Question

您好，

关于自定义提交按钮的实现，我遇到了一些问题。

请等一下：http://jsfiddle.net/snowman/xhxwS/9/

提交按钮位于文本输入的错误一侧。要解决此问题，我可以删除以下内容：

a.btn1 > float: left;
a.btn1 > display: block;
a.btn1 span > display: block;

问题是图像（按钮图形）看起来会有多奇怪？

请求建议

Answer 1

<input type="text" value="" style="width: 100px; float:left;" name="S" id="S" class="tb1" title="Sökord">
<a onclick="" class="btn1">
    <span>Sök</span>
</a>

只需添加

浮动：左

到输入样式，它放在左边，右边的图像，你想要

Answer 2

这解决了它 - 将元素放在div中并浮动divs

<div><div style="float:left"><input type="text" value="" style="width: 100px;" name="S" id="S" class="tb1" title="Sökord"></div>
<div style="float:left"><a onclick="" class="btn1">
    <span>Sök</span>
    </a></div>
<div style="clear:both"></div></div>

自定义CSS按钮

2 个答案: