用 focus 获取焦点并设置样式

原创 2016年05月31日 22:43:57
<input type="text" />
<textarea cols="30" rows="30"></textarea>


input:focus,textarea:focus{
	background-color:#CCC;
}


版权声明:本文为博主原创文章,未经博主允许不得转载。

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

可以设置表单控件的outline属性为none值, 来去掉Chrome浏览器中输入框以及其它表单控件获得焦点时的带颜色边框。 css代码如下: input{outline:none}...
  • u010874036
  • u010874036
  • 2016年04月23日 09:39
  • 14146

焦点的获取与失去时改变焦点元素的样式

实现此功能,是根据元素的onfocus和onblue事件实现。代码如下,此处有两种方式实现,一种为直接更改,另一种为样式文件  JSP Page ...
  • blant22000
  • blant22000
  • 2009年08月20日 23:21
  • 3307

angularjs设置focus

Usage focus-on="focusMe"/> app.controller('MyCtrl', function($scope, focus) { focus('focusMe'...
  • luanshaofeng
  • luanshaofeng
  • 2016年08月30日 10:41
  • 1639

CSS style属性大全

CSS style属性大全 I 元素 | i 对象 IMG 元素 | img 对象 DHTML 对象IFRAME 元素 | iframe 对象-----------------------------...
  • RainyLin
  • RainyLin
  • 2008年01月18日 11:51
  • 10205

修改input输入框的样式

我们在写表单的时候,经常需要自定义表单的样式,当然input输入框也不例外,那么如何能写出好看一点的输入框呢? 下面我们来写个简单的表单 action="" method="get"> cl...
  • qq_35718410
  • qq_35718410
  • 2016年08月08日 10:51
  • 34817

表单中的focus和blur的样式

  • linwei_1029
  • linwei_1029
  • 2010年02月25日 15:33
  • 3517

文本框获取焦点后出现的边框,怎么去掉

文本框获取焦点后出现的边框,怎么去掉 其实这个不是边框,而是轮廓!用CSS 去掉轮廓就行了! outline:none 属性定义及使用说明 outline(轮廓)是绘制于元素周...
  • cplvfx
  • cplvfx
  • 2017年06月17日 11:17
  • 888

input标签的获得焦点和失去焦点的样式

获得焦点的四周边框: style='border-left:0px;border-top:0px;border-right:0px;border-bottom:1px ' 失去焦点如果去掉边框只...
  • orichisonic
  • orichisonic
  • 2016年03月04日 13:31
  • 1921

去掉chrome 浏览器 input textarea 获取焦点后边框

chrome浏览器不管对于开发者还是一般用户都可以说是一个相当优秀的网页浏览器,但是在开发中,让人感觉很多余的一个特性就是,在表单项中的控件聚焦时总会出现一个黄色边框特别是input[text]和te...
  • miner_lee
  • miner_lee
  • 2013年05月16日 12:39
  • 14690

去除input边框 input去除边框 去除input获取焦点时的蓝色外边框

去除input的边框 去除input获取焦点时的蓝色外边框** 去除input的边框仅仅用border属性 ,其实是不能满足我们的需求的 此外还需要加上outline属性才可以 实现我们想要的样式 ...
  • sunrainamazing
  • sunrainamazing
  • 2017年05月12日 18:34
  • 8851
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用 focus 获取焦点并设置样式
举报原因:
原因补充:

(最多只允许输入30个字)