html5中文学习网

您的位置: 首页 > 网页制作 > css教程 » 正文

屏蔽浏览器自动的input样式不影响设计整体的一致性_CSS教程_CSS_网页制作

[ ] 已经帮助:人解决问题
点评:当鼠标点击input时浏览器自动加上的样式和网站整体风格很不一致,下面有个不错的方法可以屏蔽浏览器自动的input样式,需要的朋友可以参考下
今天设计一个发表动态的窗口样式,发现当鼠标点击input时浏览器自动加上的样式和网站整体风格很不一致,虽然浏览器这种智能功能很先进但是有时候不免会影响设计整体的一致性。 vRJHTML5中文学习网 - HTML5先行者学习网
vRJHTML5中文学习网 - HTML5先行者学习网
然后就想着不用input作为输入框是不是可以,换成了 vRJHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
vRJHTML5中文学习网 - HTML5先行者学习网
<div class="content" contenteditable="true"></div> vRJHTML5中文学习网 - HTML5先行者学习网
vRJHTML5中文学习网 - HTML5先行者学习网
以为可以避免浏览器的“智能”功能,没想到浏览器太智能了,效果是一摸一样的,我只能去找度娘了,后来发现是我的css还是储备不够啊可怜(自我检讨中) vRJHTML5中文学习网 - HTML5先行者学习网
vRJHTML5中文学习网 - HTML5先行者学习网
css中有这样一个属性 vRJHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
vRJHTML5中文学习网 - HTML5先行者学习网
.content{outline:none;} vRJHTML5中文学习网 - HTML5先行者学习网
vRJHTML5中文学习网 - HTML5先行者学习网
而且这个是css3它哥哥早就有了的,我居然 vRJHTML5中文学习网 - HTML5先行者学习网
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助