码云 CSS :out-of-range 选择器
AI 概述
定义和使用CSS 语法浏览器支持实例相关页面
定义和使用
:out-of-range 选择器用于标签的值在指定区间之外时显示的样式。
注意： :out-of-range 选择器只作用于能指定区间之外值的元素，例如 input 元素中的 min 和 max 属性。
CSS 语法
:out-of-range{
css 声明;
}
浏览器支持
表格中的数字表示...
目录
定义和使用
:out-of-range 选择器用于标签的值在指定区间之外时显示的样式。
注意： :out-of-range 选择器只作用于能指定区间之外值的元素，例如 input 元素中的 min 和 max 属性。
CSS 语法
:out-of-range{
css 声明;
}
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
| 选择器 |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| :in-range | 10.0 | 不支持 | 28.0 | 5.2 | 11.0 |
实例
输入的值在指定区间外时，设置指定样式:
<style>
input:out-of-range {
border:2px solid red;
}
</style>
<body>
<h3> :out-of-range 选择器实例演示。</h3>
<input type="number" min="5" max="10" value="17" />
<p>在 input 中输入一个值 (小于 5 或者 大于 10), 查看样式的变化。</p>
</body>
相关页面
CSS 选择器 :in-range
以上关于CSS :out-of-range 选择器的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。
微信
支付宝声明：本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符，请将相关资料发送至 admin@mybj123.com 进行投诉反馈，一经查实，立即处理！
重要：如软件存在付费、会员、充值等，均属软件开发者或所属公司行为，与本站无关，网友需自行判断
码云笔记 » CSS :out-of-range 选择器
如若内容造成侵权/违法违规/事实不符，请将相关资料发送至 admin@mybj123.com 进行投诉反馈，一经查实，立即处理！
重要：如软件存在付费、会员、充值等，均属软件开发者或所属公司行为，与本站无关，网友需自行判断
码云笔记 » CSS :out-of-range 选择器
