首页 新闻 会员 周边 捐助

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

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

问题描述：

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

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

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

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

IE浏览器正常：

火狐浏览器也正常：

chrome浏览器出现了问题：

360浏览器也出现了问题：

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

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

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

我这样写还是没有效果耶，还有没有别的办法？？？

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

加上outline: none;

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

@NetRube: 

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

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