検索
ホームページウェブフロントエンドhtmlチュートリアルクリック時にテキストボックスの枠線の色を緑色にする方法_html/css_WEB-ITnose



ディスカッションへの返信(解決策)

<script src=/scripts/jquery-1.8.3.min.js></script><script>$(function() {  $(":text").focus(function() {    $(this).css('border-color', '#0f0');  }).blur(function() {    $(this).css('border-color', '');  })});</script><input type=text><input type=text><input type=text><input type=text>

他に書く方法はありますか? !

CSS 疑似クラスを使用するだけです
input:focus {
border-style: Solid;
border-color: #339933;
}

input:focus{	border-style:solid;	border-color:#339933}

input:focus{	border-style:solid;	border-color:#339933}


それを実現するにはどうすればよいですか? !


input:focus{	border-style:solid;	border-color:#339933}


div クラスを使用して実装するにはどうすればよいですか? !
jQuery の使用:
<style type="text/css">	.green{		border-style:solid;		border-color:#339933	}</style>$("#你的input的ID").focus(	function(){		$("#你的div的ID").addClass("green");			}).blur(	function(){		$("#你的div的ID").removeClass("green");		});
声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
如何在 Windows 11 上更改标题栏颜色?如何在 Windows 11 上更改标题栏颜色?Sep 14, 2023 pm 03:33 PM

默认情况下,Windows11上的标题栏颜色取决于您选择的深色/浅色主题。但是,您可以将其更改为所需的任何颜色。在本指南中,我们将讨论三种方法的分步说明,以更改它并个性化您的桌面体验,使其具有视觉吸引力。是否可以更改活动和非活动窗口的标题栏颜色?是的,您可以使用“设置”应用更改活动窗口的标题栏颜色,也可以使用注册表编辑器更改非活动窗口的标题栏颜色。若要了解这些步骤,请转到下一部分。如何在Windows11中更改标题栏的颜色?1.使用“设置”应用按+打开设置窗口。WindowsI前往“个性化”,然

如何在 Windows 11 上反转颜色 [使用快捷方式]如何在 Windows 11 上反转颜色 [使用快捷方式]Apr 14, 2023 pm 02:43 PM

使用 Windows 电脑时,可能需要反转电脑的颜色。这可能是由于个人偏好或显示驱动程序错误造成的。如果你想要反转 Windows 11 电脑的颜色,本文为你提供了在 Windows 电脑上反转颜色所需的所有必要步骤。在本文中反转图像上的颜色是什么意思?简单来说,反转图像的颜色意味着将图像的当前颜色翻转到色轮上的相反色调。你也可以说这意味着将图像的颜色更改为负片。例如,蓝色图像将反转为橙色,黑色变为白色,绿色变为洋红色等。如何在 Windows 11 上反转颜色?1. 使用微软画图按键 + ,输

在iPhone iOS 17上如何设置多个计时器在iPhone iOS 17上如何设置多个计时器Sep 18, 2023 am 09:01 AM

在iOS17中,您可以使用时钟应用程序在iPhone上设置多个计时器,或使用Siri免提设置。我们在本文中讨论了两者。让我们来看看它们。使用时钟应用程序在iPhone上设置多个计时器打开iPhone上的时钟应用程序,然后点击右下角的计时器选项卡。现在,设置小时、分钟和秒。您可以使用“标签”和“计时器何时结束”选项来设置计时器的名称以及计时器完成时的首选音调。这将帮助您区分计时器。完成后,点击“开始”按钮。然后,点击右上角的“+”图标。现在,重复上述步骤以在iPhone上设置多个计时器。您还可以浏

天然钛:揭秘iPhone 15 Pro的真实颜色天然钛:揭秘iPhone 15 Pro的真实颜色Sep 18, 2023 pm 02:13 PM

随着一年一度的Wanderlust活动的结束,苹果终于平息了长达数月的关于其iPhone15阵容的谣言和猜测。正如预期的那样,其2023年的旗舰“Pro”型号在原始动力以及新的“钛”设计和美学方面与众不同。以下是新款iPhone15Pro型号的不同颜色,并确定“天然钛”变体的真实颜色和色调。苹果手机15专业版颜色苹果选择了5级钛合金作为最新iPhone15Pro型号的材料设计。iPhone15Pro上使用的钛合金以其强度重量比而闻名,不仅使其更加耐用和轻便,而且还赋予该设备优雅的“刷子”质地,这

win10电脑护眼颜色怎么设置应用的详细教程win10电脑护眼颜色怎么设置应用的详细教程Jul 08, 2023 am 10:46 AM

对于办公一族来说,面对电脑办公就是一整天,多数软件背景色都是纯白,看的时间长了,眼睛就会感到干涩,难受。其实,我们可以自定义调节一下窗口护眼色,网上介绍的方法操作起来比较麻烦,本文小编和大家分享一招win10调整窗口护眼色的方法。快来看看电脑护眼模式怎么设置的方法吧。1、首先在键盘上按下组合键【win】+【R】打开运行窗口输入【regedit】点击确定打开。2、然后依次展开注册表文件夹:【\HKEY_CURRENT_USER\ControlPanel\Colors】3、然后在Colors文件夹中

如何在iPhone上的“通讯录”中设置我的名片 [2023]如何在iPhone上的“通讯录”中设置我的名片 [2023]Sep 22, 2023 pm 09:17 PM

借助iOS中的“我的名片”,您可以创建个性化的联系人名片,Siri和其他服务可识别该名片,并与您和您的电话号码相关联。随着iOS17中联系人海报的引入,“我的卡片”变得非常重要,因为它现在用于创建您的联系人海报。如果您渴望启动并运行联系人海报,则必须从设置“我的名片”开始。我们将逐步介绍如何创建“我的名片”以及如何使其与Siri和您的联系人海报顺利配合使用。如何在iPhone上的“通讯录”中设置“我的名片”[2023]如果您是首次在iPhone上设置“我的名片”,则必须仅通过“通讯录”应用进行设

制作 iPhone 上 iOS 17 提醒应用程序中的购物清单的方法制作 iPhone 上 iOS 17 提醒应用程序中的购物清单的方法Sep 21, 2023 pm 06:41 PM

如何在iOS17中的iPhone上制作GroceryList在“提醒事项”应用中创建GroceryList非常简单。你只需添加一个列表,然后用你的项目填充它。该应用程序会自动将您的商品分类,您甚至可以与您的伴侣或扁平伙伴合作,列出您需要从商店购买的东西。以下是执行此操作的完整步骤:步骤1:打开iCloud提醒事项听起来很奇怪,苹果表示您需要启用来自iCloud的提醒才能在iOS17上创建GroceryList。以下是它的步骤:前往iPhone上的“设置”应用,然后点击[您的姓名]。接下来,选择i

如何在iPhone上更改联系人照片如何在iPhone上更改联系人照片Jun 08, 2023 pm 03:44 PM

iOS17终于来了,它包含了很多新功能。让我们在今天的教程中学习如何在iPhone上更改联系人照片。苹果最近的WWDC2023活动推出了一系列令人兴奋的产品和即将推出的软件更新。iOS17的显着功能之一是自定义您的联系人照片和海报的选项,提供了一种独特的方式在其他人在iPhone上收到您的电话时向他们打招呼。iOS的这一创新功能旨在增强电话呼叫的个性化和用户友好性,允许您选择在收件人屏幕上的显示方式。如果您渴望亲身体验这项新功能,并在拨打电话时以个性化的方式问候您的亲人,这里有有关如何在iPho

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境