CSS 什么是焦点?

html-css014

CSS 什么是焦点?,第1张

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>

css2有获得焦点的选择器:

input:focus {...} //当input元素获得焦点时就会套用这个样式

也就是说当input元素失去焦点就会恢复为原来的样式。因此只需给同一类元素设置默认样式和获得焦点时的样式即可实现你的目的。

写jquery吧

假设你要设为焦点的id为yyy,例如<input type='text' id='yyy' />

然后在页面里先引入Jquery,然后自定义函数

<script type='text/javascript'>

$(function(){

yyy.focus()

})

</script>