去除IE10+上文本框巨丑无比的删除图标以及显示密码图标 IE浏览器总是让人喜欢让人厌,在最新的IE浏览器(IE10+)上使用表单时,文本框内后面会出现很巨丑无比的“删除图标”以及“显示密码图标”,如果你讨厌这个可以把它去掉,这两个是由IE私有属性控制: input::-ms-clear, input::-ms-reveal { display: none; /* For ie10+ */ } 虽然有时候很有用,但是太丑了,相信大部人都不喜欢它,去掉之后是不是干净多了.…
在文本框中,我们可以操作很多元素,如文本.图片.表格等,在本篇文章中将着重介绍如何插入表格到文本框,插入的表格我们可以对表格进行格式化操作来丰富表格内容.此外,对于文本框中的表格内容,我们也可以根据需要来读取表格或者删除表格. 使用工具 Free Spire.Doc for .NET 6.3(免费版) 示例代码 [示例1]插入表格到文本框 C# using Spire.Doc; using Spire.Doc.Documents; using Spire.Doc.Fields; namespac…
最近做项目时,使用了jqueryUI dialog功能,当打开弹出框时,如果弹出框内容里面存在input,那么弹出框会自动获得第一个文本框焦点. 有时候,弹出框会有日期控件,一般日期控件采用focus触发事件,结合上述说的弹出框触发了日期的focus事件,造成弹出框和日期同时打开.这种用户体验效果非常差. 在网上看了很多解决方法的demo,使用过后都不能解决问题.仔细看了jqueryUI源代码,找到了最根本的解决办法. hasFocus.eq( 0 ).focus();//设置弹出框中第一个文本…
刚开始用Axure 会发现 Axure 元件库并不是很齐全,很多元件需要自己想办法解决 或者去网上去找.其实个人建议网上有现成的元件可以就下载就不必花时间去折腾.除非你也想练练手,原型这种东西除非高保真的,也没必要画得那么逼真,能加说明说清楚就直接加说明,或者加便利贴都可以的.最终目的都是保证产品生产出来是用户真正想要的就行. 刚开始画原型 发现文本框好生硬,完完全全的四边型,显得原型看起来不是很专业(其实没几个人会去在意你原型文本框是圆角还是直角).好啰嗦,直接正题. 元件库下载地址:http…
css 之 ime-mode语法:ime-mode : auto | active | inactive | disabled取值:auto : 默认值.不影响ime的状态.与不指定 ime-mode 属性时相同active : 指定所有使用ime输入的字符.即激活本地语言输入法.用户仍可以撤销激活imeinactive : 指定所有不使用ime输入的字符.即激活非本地语言.用户仍可以撤销激活imedisabled : 完全禁用ime.对于有焦点的控件(如输入框),用户不可以激活ime 说明:设…
input[type="text"]::-ms-clear{ display:none;}input[type="text"]::-ms-reveal{ display:none;}…
这段代码可以: document.onkeydown = function (e) { e.stopPropagation(); // 阻止事件冒泡传递 e.preventDefault(); // 阻止浏览器默认事件的发生 // your code ) { // keyCode == 8 表示按下的回退按钮 } } 下面更正一下,上面的写法有一个比较严重的问题: 这种写法虽然屏蔽了回车键页面回退的功能,但同样,如果该页面有文本输入框,那么这个输入框将不能使用 退格键 进行文本删除: 下面给出一…
去掉: <input   type="text"   name="textfield"   style="border:0px;">只留下边框: <input type="text" style="BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: solid&…
直接在样式加:focus{outline:0;}这样子就可以了…
使用 iPhone 上的浏览器去浏览网页的时候,按钮总是显示超大圆角且颜色由上而下渐变的样式,显得超级恶心,而且文本框也会有一定的圆角,但是我们自己定义 border-radius 也没有效果,经过搜索发现这是 webikt 内核浏览器通过私有属性 -webkit-appearance 对控件设置了默认样式.此时的解决办法为: input[type=submit],input[type=reset],input[type=button],input[type=text]{-webkit-appe…