CODEWITHSUNDEEP
cssgoogle-chrome
Filip Mamcarczyk
Filip Mamcarczyk

Reputation: 191

How to remove blue outline from input element that is focused?

input {
  height: 60px;
  margin: 30px;
  border-radius: 20px;
}
<input type="text">

I wouldn't like to display that ugly blue border(in Chrome) when focusing the input, but I don't know how to achive that.

Upvotes: 2

Views: 1101

Answers (1)

bhttoan
bhttoan

Reputation: 2736

Change your CSS to 

input{
height:60px;
margin:30px;    
border-radius: 20px;
outline:none;
}

Updated fiddle http://jsfiddle.net/y8jpvh50/

Upvotes: 4

Related Questions