软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > Html/css > IE 表单控件的按钮聚焦问题

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

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

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

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

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

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

  来源:芒果

    相关阅读
    网友评论
    栏目导航
    推荐软件