css样式失去焦点 jquery 失去焦点

怎么让DIV失去焦点后隐藏自身

1、实现div隐藏可以通过设置display、visible和div的大小等实现隐藏效果。CSS display 属性 display 属性规定元素应该生成的框的类型。值为none时，此元素不会被显示。

正安网站制作公司哪家好，找成都创新互联！从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设等网站项目制作，到程序开发，运营维护。成都创新互联从2013年成立到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联。

2、先点击下文本框，然后点击文本框以外的地方以实现文本框失去焦点。

3、写入js：(button).click(function () { (div).hide()；(div).eq(parseInt(3 * Math.random())).show()；})；浏览器运行index.html页面，此时点击btn按钮总会显示其中1个div和隐藏另外2个div。

4、方法：打开html开发软件，新建一个html文件，在html文件上创建一个button按钮，然后给这个按钮设置一个id，在案例中把按钮的id设置为show。

5、给div添加一个属性，或者一个方法，当点击隐藏时，触发方法，改变div属性，为隐藏，再点击，触发方法，改变属性为显示，就可以了，隐藏属性百度可以查到，思路就是这个思路。

6、新建一个html。在body加入测试的html。引入jquery（我这边的jquery是下载到自己本地的，注意路径）。在script标签下加入这段代码（就是jquery隐藏div的代码）。没有加隐藏代码效果。加了隐藏代码效果。

css文本框样式

1、html文本框圆角边框css样式可以通过改变border-radius属性的值进行添加。border-radius值的单位可以使用“px”，也可以使用“%”，单位不同效果也不同。

2、border-radius属性可以实现元素的圆角。

3、需要说明：input[type=text] 这种写法不支持IE，但支持Firefox。

如何使CSS样式在有焦点时有效,失去焦点时失效

没有焦点时就是正常的书写css代码 有焦点时就用伪元素：focus 来控制样式好了 或者使用jquery中的focus()和blur()方法 当元素获得焦点时，发生 focus 事件。

css2有获得焦点的选择器：input：focus {...} //当input元素获得焦点时就会套用这个样式 也就是说当input元素失去焦点就会恢复为原来的样式。因此只需给同一类元素设置默认样式和获得焦点时的样式即可实现你的目的。

楼下的朋友，有三点需要重申一下 按下鼠标图片周边不会出现虚线，这个适合所有的浏览器 提问题的朋友使用的是css的写法，楼下的朋友是加入了script，还有更简单的写法，直接写在链接里链接标题 交流多了，真好。