CODEWITHSUNDEEP
htmlinternet-explorer
Yaron
Yaron

Reputation: 2709

Focus rectangle for input button on IE11

On IE11 the focus rectangle is very noticable..
I reviewed my css file and couldn't find any related style..
.
Focus Problem

Does anyone encounter this? How can I solve it? This focus rectangle is not present on earlier IE versions....
UPDATE: Thanks to @Tim B James I have modified the 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;
    }

Thank you very much.

Upvotes: 0

Views: 1832

Answers (1)

RichieHindle
RichieHindle

Reputation: 281415

Use outline: none in your CSS rules for those buttons (or specify a different, less noticeable, outline). See https://developer.mozilla.org/en-US/docs/Web/CSS/outline

Upvotes: 1

Related Questions