Home/ Questions/Q 8432039
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T06:00:56+00:00

In IE8 when I set the border of my input fields like that: input

  • 0

In IE8 when I set the border of my input fields like that:

input {
  border: 0;
}

There is no border around the input fields like desired, but I would like an standard outline like in Chrome or Safari whenever the focus is on an input. Now, I could add a border via pseudo class :focus, but I do not want that pseudo class apply to browsers that already have a standard outline.

How can I accomplish that?

EDIT: I just found out that :focus is not working in IE8. I have to add a DOCTYPE to get it working.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    To target ie8 specifically you can use this method

    Add an ie8 class to your html tag and inherit from that.

    On your html tag

    <!--[if IE 8]>     <html class="ie ie8 lte9 lte8"> <![endif]-->

    Your css

    .ie8 input:focus {
  //your styles
}
    • 0