想把按钮用图片形式展示，开始写了如下代码：

<input name="" type="button" class="shelicms" value=""/>

并对class做了定义：input.shelicms{background-image: url(../images/shelicms.jpg);}在dreamweaver下看的时候虽然默认有"button”的文字，但运行出来只显示了图片。把type="button"改为type="submit"，运行出来后图片上显示多余的“提交查询”文字。究其原因，是因为type="submit"和type="button"的默认value问题。



解决方法：给input加上value=""属性，默认文字消失。



有时候可能要美化一下输入框，去掉默认边框，把下面代码放入css任意位置即可。

input{outline:none;}

边框无背景，即透明

background-color:transparent；