Question

html中如何修改选中 用input做的搜索框 的边框颜色

如图，当我鼠标选中输入框时，内边框会变成蓝色
我的问题是：
1、如何把蓝色去掉？
2、如何改成别的颜色？





Answer 1

<script type="text/javascript">
function fun() {//text的onclick事件
//jQuery方式
$("#tt").css({ "border-color": "red" });//tt表示text的ID，red是你想要的颜色，你可以自己设定
//DOMf方式
document.getElementById("tt").style.borderColor = "red";

}
</script>

Answer 2

input[type=text]:focus{
border: 2px solid #f00;
}

Answer 3

有的浏览器内核带有自身的样式，我们可以把它去掉
example:
$('input').focus(function(){]
$(this).css('outline':'none');//answer1
$(this).css('outline-color':'red');//answer2
})