温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

谷歌浏览器,input不显示border

发布时间:2020-07-04 05:16:06 来源:网络 阅读:948 作者:吕云凡 栏目:开发技术

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

谷歌浏览器,input不显示border

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

谷歌浏览器,input不显示border

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

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

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

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

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

谷歌浏览器,input不显示border

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

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI