HTML、CSS和Javascript的发展速度超过了以往,让网络更多的开发人员和用户友好性。

在本文中,我们将看到5新HTML / CSS特性:

• 超级容易使用,通常一个或两行代码
• 改变在一些情况下,他们可以替代组件库,jQuery插件,或复杂的服务器端渲染架构!

闲话少说,我们来看看这些特性。

1。强调色为表单元素的CSS属性

的形成有一个历史很难定义,因为他们依赖于本地浏览器实现和外观和感觉。

第一步更多定制的强调色CSS属性,它提供一种简单的方式来定制表单元素到您的web应用程序的颜色:

上面的样式是通过一个简单的CSS规则:

{形式
颜色:金;
}

注意浏览器表单元素的适应其他颜色口音的颜色相匹配。在上面的例子中,蜱虫的复选框和背景颜色的范围和进步元素自动改为黑色。

顺便说一下,这两个范围选择和进度条的滑块普通HTML元素,:

检查< input type = "复选框" / >
< input type = "范围" / >
<进展> < /进展>

所有主要的浏览器支持庄重的颜色自2022年6月IE11被弃用:

2。简单的颜色选择的点眼药器

这是一个替代使用颜色选择器选择一个颜色从一个网页。点眼药器看起来像一个放大镜在页面上选择一个非常具体的颜色:

一旦选择颜色,我们得到它的值由于一个承诺和一个回调函数:

const吸管=新的吸管();
eyeDropper.open ()
不要犹豫((结果)= > {…