北京沣登科技发展公司

input聚焦css,给input框聚焦

大家好,今天小编关注到一个比较意思的话题,就是关于input聚焦css问题,于是小编就整理了2个相关介绍input聚焦css的解答,让我们一起看看吧。

  1. input标签中type怎么用css选择?
  2. 怎么用css去掉chrome浏览器中input获得焦点时的带颜色边框?

input标签中type怎么用css选择

可以css3中新增的选择器“[attribute=value]”来同时选中指定的属性的标签。

1、新建html文档添加5个input标签,其中第一个和最后一个“type”属性的属性值为“text”:

input聚焦css,给input框聚焦div>
图片来源网络,侵删)

2、在head标签和body标签之间添加style标签,添加代码“input[type=text]”,“input”指的是标签名,“type”指的是属性名,“text”指的是属性值,这个就会把所有属性名为“type”、属性值为“text”的input标签选中:

3、为被选择的标签设置背景色为红色,这时属性值为“text”的第一个标签和最后一个标签背景色都变成了红色:

怎么用css去掉chrome浏览器中input获得焦点时的带颜色边框

可以设置表单控件的outline属性为none值,

input聚焦css,给input框聚焦
(图片来源网络,侵删)

来去掉Chrome浏览器中输入框以及其它表单控件获得焦点时的橙色边框。

css代码如下

input{outline:none}

input聚焦css,给input框聚焦
(图片来源网络,侵删)

希望对您有帮助!

到此,以上就是小编对于input聚焦css的问题就介绍到这了,希望介绍关于input聚焦css的2点解答对大家有用。

[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。 转载请注明出处:http://www.fengdengtech.com/post/76785.html

分享:
扫描分享到社交APP