首页
问答
词典
文集
工具
退出登录
登录
我要提问
搜索
问答首页
写网页时,如何实现鼠标悬浮在输入框上时改变边框颜色或背景色?
正
2
0
1
3
-
0
9
-
1
0
0
0
:
3
4
:
1
4
版本:
1
/
1
2
0
1
3
-
0
9
-
1
0
0
0
:
3
4
:
1
4
版本:
1
/
1
背景色
边框
CSS
改变
更多标签...
HTML
鼠标
输入框
网页
悬浮
颜色
版权归作者所有。任何形式转载须联系作者获得授权。
作者:
正解网
来源:正解网
链接:
https://www.zhengjie.com/question/66cce1f3
投票
6
好问题
烂问题
修改
分享
扫码分享
分享到新浪微博
分享给QQ好友
分享到QQ空间
复制网址
OK了,粘贴即可!
问题状态
正解:
1
个
解答:
1
个
同问:
0
人
浏览:
1557
次
相关问题
用 Dreamweaver 写网页时,如何用 CSS 美化输入框?
正解:
1
解答:
1
同问:
0
写网页时,如何实现点击输入框选中内容?
正解:
1
解答:
1
同问:
0
HTML 和 CSS 怎样让文字溢出显示省略号?
正解:
1
解答:
1
同问:
0
写网页时,怎样制作两列弹性布局?
正解:
1
解答:
1
同问:
0
写网页时,如何解决网页乱码问题?
正解:
1
解答:
1
同问:
0
修改提问
写网页时,如何实现鼠标悬浮在输入框上时改变边框颜色或背景色?
背景色
边框
CSS
改变
HTML
鼠标
输入框
网页
悬浮
颜色
提交
图片
把图片文件拖到这里即可上传
上传完,点击「插入图片」按钮插入
title
插入图片
图片链接:
图片描述:
添加
取消
视频
title
插入视频
视频链接:
添加
取消
出于安全考虑,目前正解网仅支持腾讯视频(支持 HTTPS)的视频播放页链接
提交
1
个解答
正
2
0
1
3
-
0
9
-
1
0
0
0
:
3
4
:
1
4
版本:
1
/
1
2
0
1
3
-
0
9
-
1
0
0
0
:
3
4
:
1
4
版本:
1
/
1
只需观看完一个15秒以内的短视频广告,即可查看解答。只需观看完一个15秒以内的短视频广告,即可查看解答。
看完广告,即可查看解答。只需观看完一个15秒以内的短视频广告,即可查看解答。
只需观看完一个15秒以内的短视频广告,即可查看解答。只需观看完一个15秒以内的短视频广告,即可查看解答。
看完广告,即可查看解答。只需观看完一个15秒以内的短视频广告,即可查看解答。
1599 人已浏览过此解答
免费查看解答
×
打开手机微信扫一扫免费查看解答
3步免费查看解答
2步免费查看解答
1️⃣ 长按保存下方小程序码
2️⃣ 打开手机微信的扫一扫
3️⃣ 点击右上角相册选取此码
1️⃣ 长按下方的小程序码
2️⃣ 在弹出的菜单中识别图中的小程序码
小程序码已失效
👉请点此刷新👈
60
s
自动显示解答
修改解答
鼠标悬浮在输入框上时改变边框颜色或背景色,要实现这个效果有两种方法: 方法一是使用CSS中的伪元素: focus 方法二还是使用一小段 javascript 方法一: <form id="form1" name="form1" method="post" action=""> <label for="textfield">输入内容:</label> <input name="textfield" type="text" id="textfield" value="Dreamweaver"onfocus="this.select()" /> </form> 只不过在 CSS 中加入以下一段: input:hover { border:1px solid #F00; } 在鼠标悬浮在输入框时,输入框边框就会变成红色,但是此方法只在 Firefox 浏览器和 IE7 以上版本中有效,IE6 不支持,所以它有一定的局限性。 方法二的代码大部分和上面的例子中一样,只不过在在后面再加入一个一段鼠标悬浮的代码: <form id="form1" name="form1" method="post" action=""> <label for="textfield">输入内容:</label> <input name="textfield" type="text" id="textfield" value="Dreamweaver"onfocus="this.select()" onmouseover="this.style.borderColor='#FF6600'" onmouseout="this.style.borderColor=''" /> </form> 使用这段代码,大多数浏览器都可以支持。
提交
图片
把图片文件拖到这里即可上传
上传完,点击「插入图片」按钮插入
title
插入图片
图片链接:
图片描述:
添加
取消
视频
title
插入视频
视频链接:
添加
取消
出于安全考虑,目前正解网仅支持腾讯视频(支持 HTTPS)的视频播放页链接
提交
我的解答
提交
图片
把图片文件拖到这里即可上传
上传完,点击「插入图片」按钮插入
title
插入图片
图片链接:
图片描述:
添加
取消
视频
title
插入视频
视频链接:
添加
取消
出于安全考虑,目前正解网仅支持腾讯视频(支持 HTTPS)的视频播放页链接
提交
∧
回顶部