Alternative to outline property for IE 6 / 7

Question

I was happily using outline property until I came to know that it is not supported in IE 6 / 7.
I tried but couldnt find any alternative.
How to achieve same effect as outline property in IE 6 / 7 ?

Edit:
I want to apply it to input,radio and checkbox. So workaround should (hopefully) work with all of this.

Thanks!

@Jamie: Yes. I am applying it to all input/radio.checkbox. Looking for exact effect. — Ajinkya, Feb 28 '12 at 10:58

score 8 · Accepted Answer · answered Feb 28 '12 at 10:59

8

As a rule i try to avoid using outline, for the reason you have just discovered.

A potential work around.

.element_name {
  border:1px solid black;
  margin:-1px;
}

answered Feb 28 '12 at 10:59

Alex

8,875
2
27
44

I think its not working with radio and checkbox. http://jsfiddle.net/Ajinkya_Parakh/5SkCA/ – Ajinkya Feb 28 '12 at 11:03
@Ajinkya It should work in IE 6/7. Use `outline` and apply this fix only in an IE-specific stylesheet and it will be fine. – kapa Feb 28 '12 at 11:04
@bazmegakapa: Okay. Let me try. – Ajinkya Feb 28 '12 at 11:07
This seems to work, however I encountered a problem with this. Expect unexpected wrapping behaviour when applying this method on an inline element. – Yeti Jul 29 '13 at 19:35

Alternative to outline property for IE 6 / 7

1 Answers1