您现在的位置是：网站首页> 编程资料编程资料

div可以输入内容不用input作为输入框屏蔽自动的input样式纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果

2021-08-30 1058人已围观

简介点击input时浏览器自动加上的样式和网站整体风格很不一致影响设计整体的一致性，不用input作为输入框也是可以的，下面有个不错的示例，大家可以参考下

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

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

复制代码

代码如下:

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

css中有这样一个属性

复制代码

代码如下:

.content{outline:none;}

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