首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >有没有一个函数可以将十六进制的颜色代码文本转换为CSS中的正方形?

有没有一个函数可以将十六进制的颜色代码文本转换为CSS中的正方形?
EN

Stack Overflow用户
提问于 2019-05-28 02:09:24
回答 1查看 30关注 0票数 -4

我需要转换一堆十六进制的颜色代码(如#fff)的文本到方形/拇指的颜色(一个带有CSS样式的div )。

有没有一个jQuery函数(或类似的函数)来实现这一点?

谢谢

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-05-28 02:23:37

对于该任务,jQuery中没有现成可用的函数,但是可以很容易地将您使用jQuery提供的工具描述的内容归档:

代码语言:javascript
复制
function createColorSquares(colors) {
  for (let color of colors) {
    let square = $('<span>', { class: 'colorSquare' }).css('background-color', color);
    $('body').append(square);
  }
}

let myColors = ['#f00', '#ff0', '#f0f', '#0ff'];
createColorSquares(myColors);
代码语言:javascript
复制
.colorSquare {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 4px;
}
代码语言:javascript
复制
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56330671

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档