今天在写提交表单的页面的时候非常荣幸地遇到了一个问题,input表单不显示边框,就好像没有一样,但实际上它是存在的。就象这样:

谷歌浏览器,input不显示border_谷歌

如果强行加border属性,浏览器会把border删掉

谷歌浏览器,input不显示border_百度知道_02

后来,在这个百度知道上发现了答案:

http://zhidao.baidu.com/link?url=tEZj60WE_URYMJDIK_QpYHBVW2vElIPx_crPCGROfH-alFii806wgBS6HrA5AKegGf4h6jDaoO77BSKPe7rmLK

原来是border属性只有IE支持了,其它的要改成用outline如果把.css写成这样:

.input{
	outline: 1px solid #000;
}

那就可以得到这样的效果了

谷歌浏览器,input不显示border_谷歌_03

至于边框颜色、字体什么的,慢慢调就可以了。