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

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

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

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

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

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

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

  来源:芒果

dawei

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