css - LESS 变量加上 RGBa?

标签 css less

如果这是一个愚蠢的问题,我非常抱歉。 我正在开发一个将由客户使用的站点,并且需要在任何地方使用。我们正在尝试重新设计导航栏表单字段的样式,但我被卡住了。

所以目前我有

input-foo:    lighten(@color, 27.3%);

而不是这个,我想使用 rgba(255,255,255,27.3) 来减轻 @color,但我找不到任何关于如何做的答案去做这个。我是 LESS 的新手,主要从事 CSS 工作,现在我正在转向 LESS。感谢您的帮助。

最佳答案

您正在寻找 mix() function ,它结合了两种颜色:

input-foo:    mix(@color, rgba(255,255,255,27.3),);

关于css - LESS 变量加上 RGBa?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29260765/

相关文章:

css - 如何设置我的服务器以使用 Node 预编译 lessCSS?

css - PhpStorm LESS CSS 代码完成

css - 设置变换后图像的宽度和高度 : rotate

css - Dojo data-dojo-props 样式被覆盖

javascript - AngularJS ng-repeat tbody 重复

css - 是否有可能有一个 "fixed sidenav"和一个使用 Angular Material 的滚动左侧?

html - 多页时页脚不显示(用于打印布局)

javascript - [webpack2]样式未加载(.css/.less)

twitter-bootstrap-3 - 更改使用 Grunt 编译的 Bootstrap 输出 LESS 文件

css - 我如何自定义 twitter bootstrap 以使用从右到左的语言?