css中read-write与:read-only选择器怎么用


这篇文章将为大家详细讲解有关css中read-write与:read-only选择器怎么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
  :read-write与:read-only选择器
  在Web表单中,有些表单元素(如输入框、文本域等)有“可读写”和“只读”这2种状态。默认情况下,这些表单元素都处在“可读写”状态。
  在CSS3中,我们可以使用:read-write选择器和:read-only选择器来分别设置表单元素的“可读写”与“只读”这两种状态的CSS样式。
  代码案例:
  

  
  
  
     input[type=”text”]:read-write
  {
  outline:1pxsolid#63E3FF;
  }
  input[type=”text”]:read-only
  {
  background-color:#EEEEEE;
  }
  
  
  
  
  读写:
  只读:
  
  
免费云主机域名  

相关推荐: IE6、IE7、IE8、Firefox兼容性CSS HACK问题实例分析

这篇“IE6、IE7、IE8、Firefox兼容性CSS HACK问题实例分析”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“IE6、IE7、IE…

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

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 01/23 19:02
下一篇 01/23 19:02

相关推荐