相关疑难解决方法(0)

有没有一种快速的方法来创建一个右侧有图标的输入文本元素来清除输入元素本身(如谷歌搜索框)？

我环顾四周,但我只找到了如何将图标作为输入元素的背景.是否有jQuery插件或其他东西？

我想要输入文本元素中的图标,如:

--------------------------------------------------
|                                               X|
--------------------------------------------------

我的问题是:给定目标RGB颜色,#000使用CSS滤镜将黑色()重新着色为该颜色的公式是什么？

为了接受答案,它需要提供一个函数(以任何语言)接受目标颜色作为参数并返回相应的CSS filter字符串.

对此的上下文是需要在a内重新着色SVG background-image.在这种情况下,它是支持KaTeX中的某些TeX数学特性:https: //github.com/Khan/KaTeX/issues/587.

例

如果目标颜色为#ffff00(黄色),则一个正确的解决方案是:

filter: invert(100%) sepia() saturate(10000%) hue-rotate(0deg)

(演示)

非目标

• 动画.
• 非CSS过滤器解决方案.
• 从黑色以外的颜色开始.
• 关心黑色以外的颜色会发生什么.

结果到目前为止

• 强力搜索固定过滤器列表的参数:https
  ://stackoverflow.com/a/43959856/181228缺点:效率低下,只生成一些16,777,216种可能的颜色(676,248 hueRotateStep=1).

• 使用SPSA的更快的搜索解决方案:https : //stackoverflow.com/a/43960991/181228 Bounty奖励

• 一个drop-shadow解决方案: /sf/answers/3077189741/
  缺点:不上边缘运行.需要非filterCSS更改和次要HTML更改.

您仍然可以通过提交非暴力解决方案获得接受的答案!

资源

• 如何hue-rotate和sepia计算: /sf/answers/2066480321/ 例的Ruby实现:

  LUM_R = 0.2126; LUM_G = 0.7152; LUM_B = 0.0722
  HUE_R = 0.1430; HUE_G = 0.1400; HUE_B = …

  Run Code Online (Sandbox Code Playgroud)

我有一个看起来像橙色方块的div

我想以某种方式在这个div中绘制一个白色的X,这样它看起来更像

无论如何要在CSS中执行此操作还是更容易在Photoshop中绘制并使用图像作为div背景？div代码看起来像

div {
    height: 100px;
    width: 100px;
    background-color: #FA6900;
    border-radius: 5px;
}

<input type="search">

所有网上的文章表示,并input以type=search将对输入的右侧清晰按钮(苹果食品).

这仍然适用于MacOS上的Safari,但在移动游猎(iOS9)中,这已不再适用.

有没有办法让这个搜索取消按钮回来？

我已经尝试过了:

input::-webkit-search-cancel-button{-webkit-appearance:searchfield-cancel-button;}

我也试过给输入a name和value.也把它放在里面form,但无济于事.

我找到了一个使用css添加按钮的页面,但在我的iPhone上,按下按钮会将carret放在按钮内,这非常奇怪,无法使用.

我发现<input type=“search”>它只适用于 Chrome 和 IE，但不适用于 Firefox。如何<input type=“search”>在 Firefox 中显示取消按钮 (x)？