jquery里 id输出框获取焦点的时候边框变红 密码框也是一样的

可以使用jQuery的focus和blur事件来实现这个效果。可以给输入框添加一个类，当输入框获取焦点时，添加这个类，当失去焦点时，移除这个类。然后在CSS中定义这个类的样式，设置输入框的边框颜色为红色即可。

以下是实现代码：

HTML代码：

<label for="username">用户名：</label>
<input type="text" id="username" class="input-box" />

<label for="password">密码：</label>
<input type="password" id="password" class="input-box" />

CSS代码：

.input-box {
  border: 1px solid #ccc;
}

.input-box.focus {
  border-color: red;
}

jQuery代码：

$(function() {
  $('.input-box').on('focus', function() {
    $(this).addClass('focus');
  }).on('blur', function() {
    $(this).removeClass('focus');
  });
});

这样，当输入框获取焦点时，边框就会变成红色，失去焦点时，边框颜色就会恢复原来的颜色。

相关问题

jQuerymobile 使边框变圆润

要边框变圆润，你可以使用 jQuery Mobile 的 CSS 类来实现。你可以为元素添加 `ui-corner-all` 类，该类会将元素的边框样式设置为圆润。例如，如果你想要将一个 `<div>` 元素的边框变圆润，可以这样写：

<div class="ui-corner-all">
  <!-- 内容 -->
</div>

这样，该 `<div>` 元素的边框就会被设置为圆润。你可以根据需要将 `ui-corner-all` 类应用到其他元素上，例如按钮、输入框等。这样就能实现整个页面的边框圆润效果。希望对你有所帮助！

用jquery代码实现鼠标移上去时边框变色

可以使用以下 jQuery 代码来实现：$('selector').hover(function(){ $(this).css('border', '1px solid #000'); }, function(){ $(this).css('border', '1px solid #FFF'); });