Как избавиться от синей внешней границы при нажатии на поле ввода формы?

Привет, я хочу избавиться от синего "сияния", который появляется, когда вы нажимаете на текстовое поле и начинаете вводить данные. Как это делается?

Я новичок, поэтому я не настолько опытен. Мой код:

<input type="text" name="search" size="40" value="Job Title e.g. Assistant Manager"  
style="background-color:white; border: 
solid 1px #6E6E6E; height: 31px; font-size:16px; 
vertical-align:0px;color:#bbb" 
onfocus="if(this.value == 'Job Title e.g. Assistant Manager'){this.value = 
'';this.style.color='#000'}" />

Спасибо!

Джеймс

Ответ 1

Этот CSS фрагмент должен работать во всех основных браузерах:

input:focus {
    outline:none;
}

Если это не так, попробуйте добавить директиву !important:

input:focus {
    outline:none !important;
}

Ответ 2

Вы просто добавляете:

<style type="text/css">
#hello:focus
{
  outline:none;
}    
</style>



<input type="text" id="hello"></input>

ура!

Ответ 3

Хотя это не имеет прямого отношения, я оставляю здесь примечание, так как эта SO страница - то, что появилось в моем поиске. Ответы, перечисленные здесь, также работают для видео html5. В моем случае под Chrome была синяя рамка.

Ради полноты:

video 
{
  outline:none;
}