设为首页 - 加入收藏 永嘉网 (http://www.uskba.org)- 永嘉站长最喜爱的站长资讯网站,关注站长、SEO、推广、建站、运营!
热搜: 缺席 一传 开始 区块
当前位置: 首页 > 创业 > 正文

IE 表单控件的按钮聚焦问题

发布时间:2018-11-25 10:19 所属栏目:[创业] 来源:站长网
导读:按钮的写法有两种,一种是 input value=按钮/ 或者 button按钮/button,如果按钮用于表单提交,还必须加上 type 属性(type=submit)。为了美化按钮效果,一般会设置背景和边框属性。 但在 IE 下,表单区域获得焦点的情况下,如果按钮的 type 属性被设置为

  按钮的写法有两种,一种是 <input value=”按钮”/> 或者 <button>按钮</button>,如果按钮用于表单提交,还必须加上 type 属性(type=”submit”)。为了美化按钮效果,一般会设置背景和边框属性。

  但在 IE 下,表单区域获得焦点的情况下,如果按钮的 type 属性被设置为 submit,该按钮会自动触发聚焦效果。如下图所示:

  <button type="submit">我说完了</button>

IE 表单控件的按钮聚焦问题

  想要避免出现这个恶心的黑框,需要将 button 的 border 属性设置为 none,然后外面套一层容器,用来模拟按钮的边框效果。

IE 表单控件的按钮聚焦问题

  看看这篇文章的评论框,抛弃了原先过于小的按钮样式。用户体验在于细节哈~

  来源:芒果

【免责声明】本站内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。

网友评论
推荐文章