IE11上输入按钮的焦点矩形

时间:2014-04-22 13:31:16

标签: html internet-explorer

在IE11上,焦点矩形非常明显。
我查看了我的css文件,找不到任何相关的风格。

Focus Problem

有没有人遇到这个?我该如何解决? 这个焦点矩形在早期的IE版本中不存在.... 更新: 感谢@Tim B James我修改了css:

  input[type="submit"],
  input[type="button"],
  button {
    background-color: #d3dce0;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
    padding: 7px;
    margin-right: 8px;
    width: auto;
    outline: 0;
   }

   input:focus, textarea:focus,
    input[type="submit"]:focus,
    input[type="button"]:focus,
    button :focus {
        border: 1px solid #7ac0da;
        outline-style: dotted;
        outline-width: thin;
    }

非常感谢。

1 个答案:

答案 0 :(得分:1)

在CSS规则中为这些按钮使用outline: none(或指定不同的,不太引人注目的大纲)。见https://developer.mozilla.org/en-US/docs/Web/CSS/outline