如何屏蔽浏览器自动的input样式且不影响设计整体的一致性-创新互联

如何屏蔽浏览器自动的input样式且不影响设计整体的一致性，针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

10年积累的网站设计制作、做网站经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站制作后付款的网站建设流程，更有龙华免费网站建设让你可以放心的选择与我们合作。

今天设计一个发表动态的窗口样式，发现当鼠标点击input时浏览器自动加上的样式和网站整体风格很不一致，虽然浏览器这种智能功能很先进但是有时候不免会影响设计整体的一致性。

然后就想着不用input作为输入框是不是可以，换成了



代码如下:


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



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

css中有这样一个属性



代码如下:


.content{outline:none;}



而且这个是css3它哥哥早就有了的，我居然
如何屏蔽浏览器自动的input样式且不影响设计整体的一致性

关于如何屏蔽浏览器自动的input样式且不影响设计整体的一致性问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注创新互联行业资讯频道了解更多相关知识。

网站题目：如何屏蔽浏览器自动的input样式且不影响设计整体的一致性-创新互联
转载源于：https://www.cdcxhl.com/article10/edego.html

成都网站建设公司_创新互联，为您提供手机网站建设、虚拟主机、网站设计公司、外贸建站、App开发、定制网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

外贸网站制作

网站收录知识

行业网站建设