colors 相关问题

我有一个 Laravel 项目，带有 TailwindCSS，我正在尝试从我的数据库中检索一段文本：“代码应该是他... 我有一个 Laravel 项目，带有 TailwindCSS，我正在尝试从我的数据库中检索一段文本：“<div class="bg-red-500 text-green-200 text-lg border">Code should be here</div>”。我使用 Laravel Facade 检索它并在我的视图中看到它 {!! $代码!!}。现在的问题是，边框似乎已应用，较大的文本似乎工作得很好，只是我无法设置背景或文本颜色，它只是不起作用。我的目标是，我可以将一段前端代码（包括 TailwindCSS）存储在我的数据库中，并且我基本上可以“拉取”不同的代码片段并将其存储到我的数据库中。（并显示在我的网站上运行的代码）我已经尝试过的：我已经尝试在我的 TailwindCSS 配置中设置自定义颜色，但是并没有解决问题。而且我似乎也无法在互联网上找到答案。 Tailwind 的 JIT 仅添加它在刀片文件中看到的样式。如果任何一种样式 bg-red-500 text-green-200 text-lg border 不存在于其他任何地方，那么它们将不可用，因为 Tailwind 无法仅通过查看字符串 {!! $code !!} 来推断您需要它们。

laravel database colors tailwind-css laravel-facade

回答 1 投票 0

弧形图中的边缘着色

我有一个包含 3 列的数据框，我创建了一个弧形图（源 x 目标）。我不知道如何用 st_disease 为我的边缘着色。这是我的代码：链接 <- data.frame( source = c("

r colors arc-diagram

回答 1 投票 0

使用 Turtle 生成 Python 随机颜色

我需要使用 r g b 值生成随机颜色来填充这些矩形以进行 python 学校作业，尽管我相当确定我正在格式化它，但我遇到了错误的颜色序列错误...

python random colors turtle-graphics

回答 3 投票 0

打印包含彩色项目的列表时，它会打印颜色代码

正如标题中所说，我正在尝试打印一个包含彩色数字的列表。代码从 termcolor 导入彩色列表 = [1,5,12,54,63,彩色(23,"红色"),65] 打印（列表）终点...

python string list colors

回答 1 投票 0

使用 Tailwind CSS 构建多色模板的正确方法是什么？

在 Tailwind CSS 中为模板创建自定义配色方案非常简单。您只需修改 tailwind.config.js，添加自定义调色板，然后像 Tailwind 的普通类一样使用它。对于e...

colors tailwind-css

回答 2 投票 0

如何在 bash 中正确转义？

C_CYAN='[36m' echo -e "\${C_CYAN}你好"; 预期的： \hello 中带有青色的 hello 一词实际的： [36米你好

bash shell colors escaping

回答 1 投票 0

圆形<input type='color'>

$("#colour").change(函数(事件){ console.log($(this).val()); }); 输入[类型=颜色] { 宽度：100px；高度：100px；边界半径：50%；溢出：隐藏； } $("#colour").change(function(event) { console.log($(this).val()); }); input[type=color] { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type='color' value='#fefefe' class='bar' id='colour'> 即使我将 <input type='color'> 设为圆角，当我输入一个值（至少在 safari 上）时，它会将圆形更改为正方形。我怎样才能做到这一点？谢谢。我的想法：创建一个内联块 <span> 将 input[type=color] 设置为不可见。绑定<span>的点击事件触发<input>.click()。因为<input>对于形状定制不太友好。 $("#colour").change(function(event) { console.log($(this).val()); $("#color_front").css('background-color',$(this).val()); }); $("#color_front").click(function(event) { $("#colour").click(); }); input[type=color] { display: none; } span { border-radius: 50%; width: 100px; height: 100px; background-color:red; display:inline-block; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <span id="color_front"></span> <input type='color' value='#fefefe' class='bar' id='colour'> 在之前类似的情况下，我为此所做的是添加两个带有伪选择器::-webkit-color-swatch和::-webkit-color-swatch-wrapper的额外样式..不知道确切的原因..当时不知何故得到了这个答案（可能来自所以本身;)).. 添加， input[type=color]::-webkit-color-swatch { border: none; border-radius: 50%; padding: 0; } input[type=color]::-webkit-color-swatch-wrapper { border: none; border-radius: 50%; padding: 0; } 请参阅下面的片段.. $("#colour").change(function(event) { console.log($(this).val()); }); input[type=color] { width: 100px; height: 100px; border-radius: 50%; overflow: hidden; } input[type=color]::-webkit-color-swatch { border: none; border-radius: 50%; padding: 0; } input[type=color]::-webkit-color-swatch-wrapper { border: none; border-radius: 50%; padding: 0; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type='color' value='#fefefe' class='bar' id='colour'> 更新我想我得到了解决方案的教程..这里就是它.. 我个人很喜欢这个解决方案，因为它不涉及JS。 <style> .color-input-wrapper { height: 1.5em; width: 1.5em; overflow: hidden; border-radius: 50%; display: inline-flex; align-items: center; position: relative; } .color-input-wrapper input[type=color] { position: absolute; height: 4em; width: 4em; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; border: none; margin: 0; padding: 0; } </style> <div class="color-input-wrapper"> <input type="color"> </div> <style> input[type="color"] { scale: 3 } .input_container { width: 2rem; height: 2rem; border-radius: 50%; overflow: hidden; border: orange 2px solid; } </style> <div class="input_contianer"> <input type="color"> </div> 这是我的解决方案 --> CSS 代码 .colorInput { width: 90px; height: 90px; overflow: hidden; border-radius: 200rem; } input[type="color"] { width: 140%; border: none; height: 140%; outline: none; transform: translate(-30px, -30px); } -->HTML 代码 <div class="colorInput"> <input type="color" value="#333333" class="pickColor" /> </div> 使用下面的代码，一定会成功的。 input { width: 50px; height: 50px; border-color: black; color: black; background-color: #fff; border: none; cursor: pointer; } input[type="color"]::-webkit-color-swatch-wrapper { padding: 0; } input[type="color"]::-webkit-color-swatch { border: none; border-radius: 10px; } <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="style.css"> </head> <body> <input type="color" name="color-gradient-1" id="color1" value="#ff0000" /> </body> </html> 使用下面的代码，一定会成功的 input[type="color"]::-webkit-color-swatch { border: none; border-radius: 10px; }

javascript html css input colors

回答 6 投票 0

通过 Rmarkdown 具有条件着色的表格以 PDF 形式渲染

我在 R 中有一个表，有 4 列。第一列名称为 John Helen 和 George。第二列名称为 Pizza，值为 0.7、0.5、0.33.3 第三列名称为意大利面，值为 0.4、0.7、0.2。第四栏名称甜...

r colors r-markdown

回答 1 投票 0

镀铬控制台桌添加颜色

这是我们如何使用颜色登录 chrome 开发工具的示例： console.log('%c test1 ', '背景：黑色；颜色：绿色') 我想知道我们是否可以记录表格和颜色以及......

google-chrome logging colors console google-chrome-devtools

回答 1 投票 0

如何获取 gt 表 (gt_color_box) 中的 NA 值以显示为空白或颜色“白色”？

我正在使用 gt 包中的 gt_color_box，但无法将 NA 值转换为白色（十六进制 #FFFFFF）。所有 NA 值默认为灰色（请参阅下面的示例图像以及可重现的代码）。我...

r colors format na gt

回答 1 投票 0

css 过滤器使元素变成一种颜色

以下 CSS 过滤器：过滤器：亮度（0）反转（1）；使元素全白（来源）。整洁，但是有没有办法让它们变成另一种颜色，例如蓝色的？这适用于...

css colors css-filters

回答 4 投票 0

如何在R中设置绘图图表具有透明背景？

到目前为止，这是我所拥有的： f1 <- list( family = "Arial, sans-serif", size = 25, color = "white" ) f2 <- list( family = "Old Standard TT, serif", size = 14, color = "black"...

r colors plotly r-plotly

回答 3 投票 0

colors 相关问题

最新问题