在 Chrome 83 中,单击<input type="color">
小部件默认为 RGB 输入:
通过单击字母“B”右侧的两个小箭头,可以将输入格式更改为 HSL 或 HEX。
有没有办法可以将默认输入格式从 RGB 更改为 HEX,或者只允许 HEX 输入? HTML/CSS/JS 是理想的选择,但我很好奇是否有 Chrome 设置来调整它。
不,这是不可能的(截至 2020 年 12 月)。您可以使用 JavaScript 实现并提供颜色选择器。
每个浏览器(或操作系统组合)都会显示默认颜色选择器或操作系统的颜色选择器。
https://collectiveidea.com/blog/archives/2011/09/14/hsl-color-selector-using-html5-and-css https://collectiveidea.com/blog/archives/2011/09/14/hsl-color-selector-using-html5-and-css显示了一种不同的方法:以渐变作为背景的范围滑块。它并不适用于所有浏览器,但它可能适合您的要求。
.spectrum {
display: block;
width: 150px;
height: 15px;
margin: 0 0 -3px 7px;
background: -webkit-linear-gradient(left, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%) 100%);
}
input[type=range] {
width: 161px;
margin-top: -5px;
}
<span class="spectrum"></span>
<input type="range" min="0" max="300" step="1">
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)