This code is working fine in IE and Chrome, except firefox..i have scratching my hair to adjust the fieldset in IE and chrome, but at the end i found out the "TRY ME" has run out of the position which was very different in IE and Chrome.. any solution for this?
fieldset
{
margin: 0 0 1em 0;
width:490px;
border: 5px solid Black;
}
<fieldset>
<legend>
<h2>
TRY ME
</h2>
</legend>
legend
elements are notoriously bad to style cross browser.
My best recommendation is to use the h2
outside of legend
, and perhaps use legend
as well, but hide it from view ( text-indent: -9999px
) (screen readers should still be able to access its semantic goodness).
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.