扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
具体实现代码如下:
创新互联建站专注于上党网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供上党营销型网站建设,上党网站制作、上党网页设计、上党网站官网定制、微信小程序服务,打造上党网络公司原创品牌,更为您提供上党网站排名全网营销落地服务。
var inputO = document.getElementById("input1");
inputO.onblur = function()
{
inputO.style.border = "1px solid rgb(0, 0, 0)";//input失去焦点时的边框状态
}
inputO.onfocus = function()
{
inputO.style.border = 0; //input得到焦点时的边框状态
}
css2有获得焦点的选择器:
input:focus {...} //当input元素获得焦点时就会套用这个样式
也就是说当input元素失去焦点就会恢复为原来的样式。因此只需给同一类元素设置默认样式和获得焦点时的样式即可实现你的目的。
CSS :focus
:focus 选择器用于选取获得焦点的元素。
提示:接收键盘事件或其他用户输入的元素都允许 :focus 选择器。
所有主流浏览器都支持 :focus 选择器。
注释:如果 :focus 用于 IE8 ,则必须声明 !DOCTYPE。
html
head
style
input:focus
{
background-color:yellow;
}
/style
/head
body
p在文本框中点击,您会看到黄色的背景:/p
form
First name: input type="text" name="firstname" /br
Last name: input type="text" name="lastname" /
/form
/body
/html
CSS选择器的类型分为3类:标记选择器、类别选择器和ID选择器。(可能名称有不同的说法,但意思都是一样的) 标记选择器是利用HTML的标记直接定义标记内容的样式,如:h1{ color:red; font-size:25pt;} 类别选择器是通常说的class选择器,定义的时候要在名称前加.如:.one{ color:red; font-size:25pt;} ID选择器定义的时候要在前面加#,如:#box { color:red; font-size:25pt;} 利用DW写CSS的时候,高级就是上面说的ID选择器,ID选择器的名字可以任意命名,可以自己定义,可是标签就只能是HTML语言里制定的那些标记,不能自己定义。
写jquery吧
假设你要设为焦点的id为yyy,例如input type='text' id='yyy' /
然后在页面里先引入Jquery,然后自定义函数
script type='text/javascript'
$(function(){
yyy.focus();
});
/script
css的focus伪类是选择拥有焦点的元素并匹配样式,也就是说它不是一种动作(让元素获得焦点),而是根据元素的状态(是否有焦点)来选择样式。
它们是可以一块用的,但并不是你想象的那样:
xxx:hover:focus {color:red}
这个的意思就是如果xxx拥有焦点则鼠标经过时使其文字颜色变为红色。
要想实现你要的功能,必须用js才能实现:
xxx.onmouseover=function(){
this.focus();
}
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流