colors 相关问题

如何更改日期选择器MUI中日历图标的颜色

有人知道如何更改 MUI 库中 DatePicker 组件内自动出现的日历图标的颜色吗？ 我尝试通过这样的道具设置颜色 有人知道如何更改 MUI 库中 DatePicker 组件内自动出现的日历图标的颜色吗？ 我尝试通过这样的道具设置颜色 <DatePicker label="Controlled picker" value={value} onChange={(newValue) => setValue(newValue)} InputAdornmentProps={{ style: { "& .MuiSvgIcon-root": { color: "orange", }, }, }} /> 我的目标是设置 DatePicker 组件内日历图标的颜色/背景颜色 你瞄准了错误的元素MuiButtonBase应该可以解决问题 style: { "& .MuiButtonBase-root": { color: "orange", }, 这对我有用。您也可以查看此页面以供参考： https://mui.com/x/react-date-pickers/custom-components/#component-2 代码： <DesktopDatePicker name="Date_Of_Birth" format="DD/MM/YYYY" inputFormat="DD/MM/YYYY" value={value} onChange={(newValue) => { setValue(newValue); }} renderInput={(params) => ( <TextField {...params} fullWidth /> )} slotProps={{ inputAdornment: { position: "end", }, // To change icon styles openPickerIcon: { sx: { color: "#f05736", }, }, }} // To change Icon Image slots={{ openPickerIcon: () => ( <img src={DateIcon} alt="date-icon" style={{ cursor: "pointer" }} onClick={() => setOpen(true)} /> ), }} />

在 xcode 颜色资源中通过十六进制代码搜索颜色

如果资源中已经存在像 #4D4D4D 这样的颜色，我如何在 Xcode 中搜索？我尝试通过十六进制代码搜索但没有显示任何内容。

macOS：使用 shell 命令正确应用半透明系统自定义突出显示颜色

我使用以下 shell 命令成功应用了系统自定义突出显示颜色： 默认写入 -g AppleHighlightColor -string "0.400000 0.400000 0.700000 1.000000" 但我注意到...

macOS：使用 shell 命令正确应用系统自定义突出显示颜色

我使用以下 shell 命令成功应用了系统自定义突出显示颜色： 默认写入 -g AppleHighlightColor -string "0.400000 0.400000 0.700000 1.000000" 但我注意到...

检查大量彩色像素时，CPP 颜色检测速度非常慢

所以，我正在创建一个程序，根据显示器上给定的 x,y 范围计算纯黑色像素。唯一的问题是下面提供的这个方法需要很长时间才能运行，而在java中，它可以...

如何更改同一行中单个单词的文本颜色

基本上想要更改 cmd 中文本中间的单个单词，这是我想要执行的操作的简短代码示例 @回声关闭 SETLOCAL 启用延迟扩展 对于 /F“令牌=1,2 delims=#”...

如何更改同一行中单个单词的文本颜色 CMD BAT BATCH

基本上想要更改 cmd 中文本中间的单个单词，这是我想要执行的操作的简短代码示例 @回声关闭 SETLOCAL 启用延迟扩展 对于 /F“令牌=1,2 delims=#”...

如果超出/在水平线和垂直线之间，如何更改绘图中的散点颜色

当值位于绘图中的水平线和垂直线之间时，是否可以更改绘图中的特定散点颜色？ 例子： 水平线和垂直线代码 这是...

Highcharts 面积图，在 X 轴上方/下方使用 2 种填充颜色

在 Highcharts 中，我想用两种颜色填充面积图，正值得到一种颜色，负值得到另一种颜色。 我已经能够使用 LinearGradient 做到这一点，但这必须是 adj...

如何在 JavaScript 中编写 RGB 颜色值？

我正在尝试更改下面函数 swapFE() 的颜色，但我不知道如何编写它。我被告知将短语节点的颜色更改为颜色值 (155, 102, 102)。我试过了...

如何在 Eclipse 项目资源管理器中更改已更改文件的背景颜色？

版本控制下的更改文件在项目资源管理器中以深棕色背景显示，导致文件名不可读。我想改变它。 我已经换了几个了...

在 C# 中将字符串哈希为颜色

我不知道散列是否是正确的词，但我想将字符串半随机地转换为十六进制或argb颜色。 我使用了 string.GetHasCode 函数，但结果偏向

使用 javascript 提取支持的 HTML 或 X11 颜色名称及其 RGB 值列表

可以在某些地方获取 HTML 或 X11 颜色名称及其 RGB 等效项的列表。 例如我们可以发现“Aquamarine”是“#70DB93”。 想必浏览器知道这些映射。 有没有...

通过JavaScript获取所有命名的CSS颜色[重复]

有没有一种方法可以通过 JavaScript 以编程方式生成浏览器支持的所有命名 CSS 颜色的列表？ （例如红色、绿色、爱丽丝蓝等） 注意：我不是要求预编译列表，...

如何在 R Plotly 等值线地图中显示 NA 值的自定义颜色？

我想将 choropleth r 交互式地图中 NA 值的填充颜色从白色（或透明？）更改为浅灰色。这是针对 R Shiny 应用程序的，所以我想保留...

用于更改 h1 中最后一个单词的颜色的 CSS

我有一个正在使用 CSS3 开发的网站，标题有 h1 标签： 主标题 现在我希望标题采用不同的颜色： 主要标题... 我有一个正在使用 CSS3 开发的网站，并且我的标题有 h1 标签： <h1>main title</h1> 现在我希望标题采用不同的颜色： <h1>main <span>title</span></h1> 所以我这样做： h1 { color: #ddd; } h1 span { color: #333; } 有没有办法不使用span标签并仅在CSS中指定最后一个单词为不同的颜色？ 这对于纯 CSS 是不可能的。但是，您可以使用 letting.js 来获取 ::last-word 选择器。 CSS-Tricks 有一篇关于此的优秀文章：CSS-Tricks：对 nth-everything 的调用。然后您可以执行以下操作： h1 { color: #f00; } /* EDIT: Needs lettering.js. Please read the complete post, * before downvoting. Instead vote up. Thank you :) */ h1::last-word { color: #00f; } “last-word”并不适用于所有浏览器；例如，它不适用于 Safari。我不会使用已接受的答案。我不认为仅仅为了更改单个标题的最后一个单词而导入整个库或插件是一个好主意，这就像“用大炮杀死错误”......相反，我会使用单个 Javascript 函数，并且一个全球性的班级。像这样的东西： <h1>This is my awesome <span class="last-word">title</span></h1> CSS： <style> .last-word {font-weight:bold; /* Or whatever you want to do with this element */ } </style> 最初，你会得到这样的东西： <h1 class="title">This is my awesome title</h1> 然后，您可以初始化一个 Javascript 方法来更改 $(document).ready() => 上的最后一个单词 <script> $(document).ready(function() { $('.title').each(function(index, element) { var heading = $(element); var word_array, last_word, first_part; word_array = heading.html().split(/\s+/); // split on spaces last_word = word_array.pop(); // pop the last word first_part = word_array.join(' '); // rejoin the first words together heading.html([first_part, ' <span class="last-word">', last_word, '</span>'].join('')); }); }); </script> 祝你好运。 不，没有。 CSS 中仅存在 ::first-letter 和 ::first-line。其他任何操作都必须使用元素手动完成（例如 span）。 注意： ::first-word 和 ::last-word 都没有计划，至少在 选择器级别 4 规范中没有。 不。没有针对特定单词的选择器，请参阅选择器级别 3：2.选择器。 您必须使用 span 标签或运行 JavaScript 将每个单词转换为包含该单词的范围。 采用 iblue 的答案，但更明智一点。 使用 lettering.js 并进行以下设置： $(document).ready(function() { $('h1').lettering('words'); }); 这会将任何 <h1> 标签拆分成类似这样的内容： <h1> <span class="word1">Highlight</span> <span class="word2">the</span> <span class="word3">last</span> <span class="word4">word</span> <span class="word5">a</span> <span class="word6">different</span> <span class="word7">color</span> </h1> 当然，我们不能只针对 .word7，因为这可能不是最后一个，所以我们可以使用 :last-child CSS 伪类。 h1 { color: #333; } h1 > span:last-child { color: #c09; } 现在最后一个词的颜色不同了。 查看实例。 唯一需要注意的是支持:last-child CSS 并不真正以这种方式与文本交互。它与 DOM 树中的元素交互。在该单词周围添加跨度是区分一段文本的标准方法（至少我见过）。只需使用span标签，代码的维护者会感谢你的。 不，CSS 中没有选择器可以引用元素的最后一个（或第一个）单词。第一个字母和第一行有伪元素，但单词需要包装在容器中才能单独设置它们的样式。 CSS 不了解单词。唯一存在的是:first-letter 和:first-line。 像单词和最后一个伪元素这样的构造不存在。 如果您确实想在一个元素内找到一种解决方法，那么您必须使用 JavaScript 来解析最后一个单词。 我认为当页面上只有几个案例时，您采用的方法是最好的方法。 如果你将它用于 h1 那么你应该只在页面上出现一次。 CSS 适用于元素...但通常不适用于元素内的文本或数据。 不过，如果您愿意，您可以使用 Javascript 来处理元素内部的实际文本。 使用 lettering.js CDN： <script src="https://cdnjs.cloudflare.com/ajax/libs/lettering.js/0.6.1/jquery.lettering.min.js"></script> ，并将此脚本添加到页脚中以选择元素并将其拆分为单词。 例如， <script>jQuery('h3').lettering('words')</script> 现在，如果你检查 element 并检查 ，单词将被拆分，类将根据单词数量分为 word1、word2、word3 等等... 现在选择您要编辑的单词类别，并为其编写 CSS。 CSS 示例： .word3 {color : red;} 完成！ 这是另一种解决方法。 使用 after 伪元素创建下划线 用“width”控制下划线的宽度 示例： .something:after { content: ""; position: absolute; width: 98%; display: block; height: 2px; background-color: #000; bottom: 5px; } 我选择了宽度 < 100% so that it fits underneath the text with the letter spacing I wanted. This solution worked well for me. 使用 data-text 和 :after with content: attr(data-text) ，使用普通 CSS 完全可以设置最终单词的样式，无需使用 javascript。 <h1 data-text="word">This is the final word</h1> h1 { color: #154734; } h1:after{ content: attr(data-text); color: #BD8B13; transform: translateX(-100%); position: absolute; } 演示 也许使用“之后”选择器 element1 { properties main } element1:after { content: "title"; color: pickone; } 我建议保留“span”。如果你不想有一个巨大的 css 和那些额外的东西，你总是可以在你的 html 中这样做： <span style="color:#000;">text</span>

在 JavaScript 中将带有哈希值的十六进制字符串转换为带有 0x 的十六进制值的最佳方法？

这个问题不是问如何将哈希字符串十六进制值转换为其相反的颜色。这个问题询问如何将哈希字符串十六进制值转换为常规十六进制值，如下所述： 我...

计算给定颜色的足够浅的阴影以用作黑色文本的背景

假设我有一个随机颜色，比如紫色。 黑色或接近黑色的文本与紫色背景的对比度很差： 但如果你把背景设为非常非常浅的紫色，那就......

Win32 设置按钮颜色

作为 Win32 的初学者，我需要创建一个带有按钮的网格。因此，基本上对于网格内的每个单元格，我都创建按钮，如下消息： DrawFrameControl(gdc,&矩形,DFC_BUTTON,DFCS_BUTTON...

在C#中生成颜色渐变

我的问题与这里的问题类似，只不过我正在使用 C#。 我有两种颜色，并且有预定义的步骤。如何检索颜色之间的渐变颜色列表...