How do I remove the border line in chrome browser?

please see the attached code, in the chrome browser, there is border line coming, i like to remove that.. how can i do that? it is ok in FF, IE.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
.tb5 {
	font-family:Arial;
	color:#666666;
	padding:3px 10px 0 10px;
	margin:0 0 0 0;
	background: #d5db85 url(images/rounded.gif) center 0 no-repeat;
	border:#d5db85 1px solid;
	height: 22px;
	width: 170px;
	font-size:12px;
}
</style>
</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <label>
  <input type="text" name="textfield" class="tb5" />
  </label>
  <p>&nbsp;</p>
</form>
</body>
</html>

Open in new window

chrome-issue.JPG
actualform.JPG
LVL 36
Loganathan NatarajanLAMP DeveloperAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Chris StanyonWebDevCommented:
The code you've posted above doesn't cause a problem in Chrome - no border!

Need to see more code - can we see the whole page. You're only getting the border on 1 of the text boxes so  seeing the whole code will help solve your problem.

0
andrewkhanCommented:
Try adding this to your CSS;

input { outline:none; }

This will remove the border that some browsers give when you are focused on them.

To be more specific:

.tb5 {
      font-family:Arial;
      color:#666666;
      padding:3px 10px 0 10px;
      margin:0 0 0 0;
      background: #d5db85 url(images/rounded.gif) center 0 no-repeat;
      border:#d5db85 1px solid;
      height: 22px;
      width: 170px;
      font-size:12px;
        outline:none; // This is what you need to add
}
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Loganathan NatarajanLAMP DeveloperAuthor Commented:
thank you so much
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.