Làm cách nào để thoát khỏi viền ngoài màu xanh khi nhấp vào trường nhập biểu mẫu?

Question

Xin chào, tôi muốn loại bỏ "màu sáng" màu xanh xuất hiện khi bạn nhấp vào trường văn bản và bắt đầu nhập dữ liệu. Làm thế nào được thực hiện?

Tôi là người mới bắt đầu nên tôi không có kinh nghiệm. Mã của tôi là:

<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'}" /> 

Cảm ơn!

James

Answer 1

CSS đoạn này nên làm việc trong tất cả các trình duyệt chính:

input:focus { 
    outline:none; 
} 

Nếu không, hãy thử thêm các !important chỉ:

input:focus { 
    outline:none !important; 
} 

Answer 2

Bạn chỉ cần thêm :

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



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

cổ vũ!