欢迎访问 舍力博客(www.syom.cn)
想把按钮用图片形式展示,开始写了如下代码:
<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;
留言/评论:◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。