/    Sign up×
Community /Pin to ProfileBookmark

How to get rid of the submit button inner border in IE & Opera?

Hi,

Here’s a sample form:

[CODE]<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<title>Sample Form</title>
<style type=”text/css”>
input#send {width:80px; height:20px; padding:0; border:0;}
div {width:80px; height:20px; border: 1px solid green}
</style>
</head>
<body>
<form name=”input” action=”” method=”post”>
<input type=”text” name=”user”> Name
<div><input id=”send” type=”submit” value=”Submit”></div>
</form>
</body>
</html>[/CODE]

the submit button gets a dotted border inside when focused.

Many thanks for any help!
Rain Lover

to post a comment
CSS

3 Comments(s)

Copy linkTweet thisAlerts:
@KorApr 01.2011 — It is not a wise thing. That dotted border has a precise meaning: it shows where the focus is. But if you insist...
<i>
</i>&lt;input id="send" type="submit" value="Submit" [COLOR="Blue"]onfocus="this.blur()"[/COLOR]&gt;
Copy linkTweet thisAlerts:
@Rain_LoverauthorApr 01.2011 — It is not a wise thing. That dotted border has a precise meaning: it shows where the focus is. But if you insist...
<i>
</i>&lt;input id="send" type="submit" value="Submit" [COLOR="Blue"]onfocus="this.blur()"[/COLOR]&gt;
[/QUOTE]


Thanks for the answer, but the problem remains the same in Opera11.
Copy linkTweet thisAlerts:
@KorApr 01.2011 — Thanks for the answer, but the problem remains the same in Opera11.[/QUOTE]
That means there is no solution for Opera.

As I said, that is considered a normal behavior for all the browsers. No programmer of the browser's crew thought to create a method to prevent that.
×

Success!

Help @Rain_Lover spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 10.12,
social: @webDeveloperHQ,
});

legal: ({
terms: of use,
privacy: policy
analytics: Fullres
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @aldoushuxley,
tipped: article
amount: 1000 SATS,

tipper: Anonymous,
tipped: article
amount: 1000 SATS,

tipper: @linalla,
tipped: article
amount: 1000 SATS,
)...