开发者

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

开发者 https://www.devze.com 2023-02-20 09:28 出处:网络
Here\'s a sample form: <!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">

Here's a sample form:

<!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>

The submit button gets a dotted开发者_如何学编程 border inside when focused.

Many thanks for any help!

Rain Lover


I believe you want this CSS { outline : none; }


If you change part of your page so it looks like this:

input#send {width:80px; height:20px; padding:0; border:0; outline: none;}

it will work. I just tested it and it works on my IE8.

0

精彩评论

暂无评论...
验证码 换一张
取 消