Как отменить эффект размытия текстового поля Html?

Question

Как отменить эффект размытия текстового поля HTML, когда сосредоточиться на нем?

<input type='text' style="background-color:#33ccff; color:#AD8C08; border:1px solid #ffffff; "></input> 

Answer 1

Вы должны использовать CSS для элемента ввода в фокусе, чтобы устранить этот эффект размытия, о котором вы говорите. Взгляните на этот JSFiddle для примера.

http://jsfiddle.net/qfr8eng1/1/

HTML:

<input type="text" id="noeffect" value="look at me!"/> 

CSS:

#noeffect 
{ 
    background-color: #33ccff; 
    color: #AD8C08; 
    border: 1px solid #ffffff; 
} 

#noeffect:focus 
{ 
    outline: none; 
} 

Answer 2

попробовать ......

.onfocus { background-color:#33ccff; color:#AD8C08; border:1px solid #ffffff; } 
 
.onfocus:focus { background:none; }

<input type='text' class="onfocus"></input>