Border around Flash

[???]

I think the solution (if there is one) is JavaScript. That's why I'm posting here. Sorry if it's the wrong place. Using this HTML:


<object
data="test.swf"
type="application/x-shockwave-flash"
style="left: 50px; top: 50px; z-index: 5; width: 100px; height: 100px; position: absolute;"
wmode="transparent"
quality="medium">
</object>

In FF there is a dotted gray border around it if I click on it. Has anyone else encountered this? I tried adding "border-style: none;" to the style and it didn't work. I've found stuff about a dotted gray border in IE, but I can't find anything about it in FF. Anyone have any ideas?

Stephen
PS "test.swf" had nothing in it except some green lines, so I don't see any point in uploading it.

[magicyte]

When this happens, it means the user has selected the <object>. To make the border NOT-dotted, you could try making the border: 1px solid #000000; I doubt that'll work. You could also include an 'onclick' handler where when the user clicks on it, it blurs, but that probably won't work. The user then won't be able to access the <object>. Just suggestions...

[jscheuer1]

That's not a border, it's an outline. Use this style to remove it:


outline-style: none;

[JackJack]

That's not a border, it's an outline. Use this style to remove it:


outline-style: none;

Worked for me, only after I placed style="outline-style: none;" in the EMBED tag, not the object tag.

Thanks.

:cool:

[jscheuer1]

Worked for me, only after I placed style="outline-style: none;" in the EMBED tag, not the object tag.

Thanks.

:cool:

Well, yes. With an object/embed tag combo, the style would have to be applied to both the object and the embed tags, as different browsers use different ones.