CSS怎么设置主动控件


这篇文章主要介绍了CSS怎么设置主动控件的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇CSS怎么设置主动控件文章都会有所收获,下面我们一起来看看吧。
  我们先来看一下语法格式:
  :focus{
  (样式描述)
  }
  通过指定元素,类和ID来描述它,如下所示:
  设置特定标签
  (标签名):focus{
  (样式描述)
  }
  设置特定类时
  .(class名):focus{
  (样式描述)
  }
  设置特定ID时
  #(id名):focus免费云主机域名{
  (样式描述)
  }
  代码示例:
  编写以下代码。
  FocusSelector.css
  input{
  background-color:#D0D0D0;
  }
  input:focus{
  background-color:#FFD0D0;
  }
  说明:
  由于描述了“input”,所以对INPUT标签的样式定义,并将背景颜色指定为灰色(#D0D0D0)。正常INPUT的定义是
  input{background-color:#D0D0D0;}
  接收并激活焦点的样式定义,并且背景颜色指定为粉红色(#FFD0D0)。
  input:focus{background-color:#FFD0D0;}
  FocusSelector.html
  

  
  
  
  
     
  
  输入1:
  输入2:
  输入3:
  输入4:
  输入5:
  
  
关于“CSS怎么设置主动控件”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“CSS怎么设置主动控件”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注百云主机行业资讯频道。

相关推荐: C++STL中vector模板类是什么

小编给大家分享一下C++STL中vector模板类是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!vector模板类在头文件vector中,用于存储数组,并采用动态内存分配。创建…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 09/21 21:12
Next 09/21 21:12

相关推荐