css得到焦点的样式,css获取焦点属性

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

css 文本框聚焦时如何控制无边框

具体实现代码如下：

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得到焦点时的边框状态

}

相关问答

Q1: css有类似有失去焦点设置样式的功能吗

css2有获得焦点的选择器：

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

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

Q2: CSS 什么是焦点？

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

Q3: 请简要说明css样式表中三种选择器(三种样式)的特点

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语言里制定的那些标记，不能自己定义。

Q4: 在css样式中能不能直接设定某个元素获得焦点？？？如一个在页面加载完之后焦点就在他上面？

写jquery吧

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

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

script type='text/javascript'

$(function(){

yyy.focus();

});

/script

Q5: css 伪类 hover 和 focus能在一块用吗

css的focus伪类是选择拥有焦点的元素并匹配样式，也就是说它不是一种动作（让元素获得焦点），而是根据元素的状态（是否有焦点）来选择样式。

它们是可以一块用的，但并不是你想象的那样：