asked on

random input buttons get dark blue outline in IE7 (not the focus)

I have an asp.net 2.0 app where some random 5% of the input buttons show up in IE with this obnoxious dark blue outline around them. For example, from the html below, I took the attached screen shots where neither button has the focus, then the one on the left, then the one on the right. As you can see, in all three shots the right button has this obnoxious blue outline. The html is shown here unedited, there is not other html or css between these <input> tags.

Please help me trim this obnoxious mental hangnail from my conscious existence.

<input type="submit" name="btnRefresh" value="Refresh Product Counts"
id="btnRefresh" style="width:190px;" />
<input type="submit" name="btnShowUncat" value="Uncategorized Products"
id="btnShowUncat" style="width:195px;" />

buttons.jpg

raterus

Have you observed this in another "clean-install" browser? I can't tell you how many people have tried to remove the yellow background the google toolbar was adding to certain input fields where it could "autofill". Perhaps you have the same sort of issue with a toolbar you currently have?

ottenm

ASKER

I didn't even think to try it! But no luck, I launched IE with no add-ons and both buttons are still the same. (launched under System Tools "Internet Explorer (No add-ons)"

raterus

You can't post the full source of a page here can you? If we can reproduce it we can fix it, simple as that!

ASKER CERTIFIED SOLUTION

samtran0331

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

ottenm

ASKER

Thanks a lot! An angle I never considered, and it fixes the problem everywhere I was seeing it occur.