<!DOCTYPE html>
<html>
<head>
<style>
input:in-range {
border: 2px solid yellow;
}
</style>
</head>
<body>
<h1>演示 :in-range 选择器</h1>
<input type="number" min="5" max="10" value="7">
<p>请尝试输入超出范围的数字（小于 5 或大于 10），来查看消失的样式。</p>
</body>
</html>