谷歌浏览器,input不显示border

发布时间:2020-07-04 05:16:06 作者:吕云凡
来源:网络 阅读:977

今天在写提交表单的页面的时候非常荣幸地遇到了一个问题,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

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

推荐阅读:
  1. 谷歌浏览器input获得焦点时,背景变黄如何取消。
  2. jquery修改input的value成功,但是input显示没变

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

浏览器 谷歌 百度知道

上一篇:认识正则表达式

下一篇:Sqoop简介及安装部署

相关阅读

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

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