屏蔽浏览器自动的input样式不影响设计整体的一致性

人只需不取得标的目标,就不会取得自己。有没有人爱,我们也要努力做一个可爱的人。不埋怨谁,不嘲笑谁,也不羡慕谁,阳光下灿烂,风雨中奔跑,做自己的梦,走自己的路。
今天设计一个发表动态的窗口样式,发现当鼠标点击input时浏览器自动加上的样式和网站整体风格很不一致,虽然浏览器这种智能功能很先进但是有时候不免会影响设计整体的一致性。

然后就想着不用input作为输入框是不是可以,换成了
复制代码
代码如下:

<div class="content" contenteditable="true"></div>

以为可以避免浏览器的“智能”功能,没想到浏览器太智能了,效果是一摸一样的,我只能去找度娘了,后来发现是我的css还是储备不够啊可怜(自我检讨中)

css中有这样一个属性
复制代码
代码如下:

.content{outline:none;}

而且这个是css3它哥哥早就有了的,我居然

本文屏蔽浏览器自动的input样式不影响设计整体的一致性到此结束。带着自我的梦,以一种骄傲的姿态走下去。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
CSS3 input框的如何实现代码类似Google登录的动画效果

css input[type=file] 样式美化(input上传文件样式 )

如何如何利用css隐藏input的光标示例代码

ie8下input的title闪烁二次显示问题

调整input里面的输入光标大小并兼容主流浏览器