This seems to be the same/similar issue as stated in this thread:
<!-- m --><a class="postlink" href="http://webdeveloper.com/forum/showthread.php?t=67276">http://webdeveloper.com/forum/showthread.php?t=67276</a><!-- m -->
However, the javascript solution doesn't help me. We are not running in Standards mode, and I know it's not realted to validation issues. It just happens in IE and usually only when there is one button on the form. Clicking anywhere within the form (even in the text box) will put the focus on the button giving it an extra black border.
Any ideas/solutions?
Here is the Code:
<DIV CLASS="modDataTableBottom"><DIV CLASS="lgModDataTable">
<FORM NAME="viewFSN" METHOD="post" ACTION="VieworDeleteNotification.jhtml">
<INPUT TYPE="hidden" value="submit" PRIORITY="-10" name="/ViewFSNFormHandler.view">
<TABLE WIDTH="100%" CELLPADDING="0" CELLSPACING="0" BORDER="0">
<TR VALIGN="middle">
<TD CLASS="modTxt" WIDTH="90%"><DIV CLASS="pad10"> </DIV></TD>
<TD ALIGN="right" CLASS="modTxt"><div CLASS="pad10"><INPUT TYPE="text" NAME="confirmationId" SIZE="25" STYLE="width: 130px" MAXLENGTH="17" value=""></div></TD>
<TD ALIGN="right" CLASS="modTxt"><div class="pad10"><INPUT TYPE="submit" name="btnSubmitView" value="VIEW" CLASS="btnFormCold"></div></td>
</TR>
</TABLE>
</FORM>
</DIV></DIV>
Here is the CSS:
* html INPUT.btnFormCold{background:#cccccc;border-color:#3E74AA #000000 #000000 #3E74AA;border-style:solid;border-width:1px;color:#000066;cursor
ointer;font:bold 10px/12px verdana,helvetica,sans-serif;overflow:visible;text-align:center;padding:0;width/**/: 81px;}Don't put it in a table.
<!-- m --><a class="postlink" href="http://webdeveloper.com/forum/showthread.php?t=67276">http://webdeveloper.com/forum/showthread.php?t=67276</a><!-- m -->
However, the javascript solution doesn't help me. We are not running in Standards mode, and I know it's not realted to validation issues. It just happens in IE and usually only when there is one button on the form. Clicking anywhere within the form (even in the text box) will put the focus on the button giving it an extra black border.
Any ideas/solutions?
Here is the Code:
<DIV CLASS="modDataTableBottom"><DIV CLASS="lgModDataTable">
<FORM NAME="viewFSN" METHOD="post" ACTION="VieworDeleteNotification.jhtml">
<INPUT TYPE="hidden" value="submit" PRIORITY="-10" name="/ViewFSNFormHandler.view">
<TABLE WIDTH="100%" CELLPADDING="0" CELLSPACING="0" BORDER="0">
<TR VALIGN="middle">
<TD CLASS="modTxt" WIDTH="90%"><DIV CLASS="pad10"> </DIV></TD>
<TD ALIGN="right" CLASS="modTxt"><div CLASS="pad10"><INPUT TYPE="text" NAME="confirmationId" SIZE="25" STYLE="width: 130px" MAXLENGTH="17" value=""></div></TD>
<TD ALIGN="right" CLASS="modTxt"><div class="pad10"><INPUT TYPE="submit" name="btnSubmitView" value="VIEW" CLASS="btnFormCold"></div></td>
</TR>
</TABLE>
</FORM>
</DIV></DIV>
Here is the CSS:
* html INPUT.btnFormCold{background:#cccccc;border-color:#3E74AA #000000 #000000 #3E74AA;border-style:solid;border-width:1px;color:#000066;cursor
ointer;font:bold 10px/12px verdana,helvetica,sans-serif;overflow:visible;text-align:center;padding:0;width/**/: 81px;}Don't put it in a table.