css中content属性设置div允许输入文字内容

发布时间:2020-12-20编辑:脚本学堂
如何在div中输入文字内容,在css中可以用content属性设置div允许输入内容,div替代input作为输入框的实现方法。

问题:
在页面中当鼠标点击input时,浏览器自动加上的样式和网站整体风格很不一致,虽然浏览器这种智能功能很先进,但不免会影响设计整体的一致性。

不用input作为输入框是否可以?
 
代码:
 

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

以为可以避免浏览器的“智能”功能,没想到浏览器太智能了,效果是一摸一样的。

css中有一个属性:
 

.content{outline:none;} 

此属性在css3之前就有:
div允许输入文字内容