首页新闻找找看学习计划

css对div设置border: none;出现的问题。

0
悬赏园豆:20 [已解决问题] 解决于 2017-12-10 20:17

问题描述:

我有一个div标签,里面嵌套一个input标签。对div设置边框,但是不想对input标签设置边框。

现在,我设置input标签的display:block; border:none;

用了几个浏览器测试了一下:

但是,当我点击输入框的时候在不同的浏览器中就出现问题了。

IE浏览器正常:

火狐浏览器也正常:

chrome浏览器出现了问题:

360浏览器也出现了问题:

钓鱼翁的主页 钓鱼翁 | 初学一级 | 园豆:79
提问于:2017-12-10 14:20
< >
分享
最佳答案
0

那是input域的焦点样式~把input:focus伪类的样式设置一下~{border:none;box-shadow:none;}

收获园豆:20
NetRube | 菜鸟二级 |园豆:277 | 2017-12-10 16:01

我这样写还是没有效果耶,还有没有别的办法???

钓鱼翁 | 园豆:79 (初学一级) | 2017-12-10 17:26

加上outline: none;

NetRube | 园豆:277 (菜鸟二级) | 2017-12-10 18:53

@NetRube: 

我这里只需要加上outline:none;就可以了。解决,谢谢。

钓鱼翁 | 园豆:79 (初学一级) | 2017-12-10 20:16
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册