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

Posted 2023-04-30

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

<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> 参考技术A input[type=text]:focus
border: 2px solid #f00;
参考技术B 有的浏览器内核带有自身的样式，我们可以把它去掉
example:
$('input').focus(function()]
$(this).css('outline':'none');//answer1
$(this).css('outline-color':'red');//answer2
)

手机端浏览器中的html搜索框如何响应软键盘搜索按钮事件？

用html5做一个手机端浏览的网页。里面有个搜索框(input='search'), 想和baidu等网站一样不单独加一个搜索按钮在页面上，而是使用输入法软键盘里的搜索按钮或图标来触发事件。javascript里面如何响应这个搜索按钮事件？ 有什么独特的事件么？ 谢谢！

很简单，input框外面加form表单即可。 

<form><input type="" /></form>

参考技术A 其实就是按键响应事件onkeypress 按键编码为13
$("#keyword").on('keypress',function(e)
var keycode = e.keyCode;
var searchName = $(this).val();
if(keycode=='13')
e.preventDefault();
//请求搜索接口

);
电脑端也是可以用的，这时不会弹出键盘，物理键盘中的enter键的作用等同于搜索按钮。 参考技术B 首先不确定是是否这个搜索用了ajax，这其实就类似PC端的keydown,keypress事件只不过PC端有时候要判断是否是回车键而已，手机端的话
<form action="#"> <input type="search" /> <input type="submit" id='searchBtn'/> </form>
$('#searchBtn').on('submit', function(e)
... //搜索 ); 参考技术C <form method="post">
<input type="text" />
<input type="submit" />
</form>

先添加form，ajax请求时需要阻止form的默认提交事件

参考技术D document.onkeyup = function (e)
var code = e.charCode || e.keyCode;
if (code == 13)
在这里写事件就行了