手机
当前位置:查字典教程网 >网页设计 >XHTML >div可以输入内容不用input作为输入框屏蔽自动的input样式
div可以输入内容不用input作为输入框屏蔽自动的input样式
摘要:今天设计一个发表动态的窗口样式,发现当鼠标点击input时浏览器自动加上的样式和网站整体风格很不一致,虽然浏览器这种智能功能很先进但是有时候...

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

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

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

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

css中有这样一个属性

.content{outline:none;}

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

1

【div可以输入内容不用input作为输入框屏蔽自动的input样式】相关文章:

JS, CSS样式引用写法

网页设计关于表单输入框的技巧代码

html 竖列显示文字让文字竖列显示

表单Form元素的一些简单实现代码以注册为例

网页设计中文本输入框的一些参数说明

点击按钮文字变成input框,点击保存变成文字的实现代码

让输入框关闭自动完成(AutoComplete)功能

input输入框中的光标大小显示不一致的解决方法

常用input文本框内容自动垂直居中并默认提示文字单击为空

网页设计关于表单输入框的技巧代码

精品推荐
分类导航