gpt4 book ai didi

jquery - 如何更改 :-moz-placeholder color with jQuery once it's set?

转载 作者:太空狗 更新时间:2023-10-29 12:28:28 24 4
gpt4 key购买 nike

我遇到了一个问题,如果更改输入字段的背景颜色,占位符颜色会混合太多。

我已经解决了可读文本颜色问题,因此它可以正确返回正确的浅色或深色。

我一辈子都想不出如何将 CSS 属性设置为特定输入框的计算颜色。请给些指导?

input:-moz-placeholder
{
color: #BBBBBB;
}
input::-webkit-input-placeholder
{
color: #BBBBBB;
}

返回的颜色是 #222222$('#input').css() 调用不起作用,因为它直接针对元素 CSS 而不是元素。

最佳答案

在此解决方案中,我首先在页面加载时将样式 block 动态附加到 :

// add style block to the <head> with default placeholder css on page load
var defaultColor = 'BBBBBB';
var styleContent = 'input:-moz-placeholder {color: #' + defaultColor + ';} input::-webkit-input-placeholder {color: #' + defaultColor + ';}';
var styleBlock = '<style id="placeholder-style">' + styleContent + '</style>';
$('head').append(styleBlock);

然后,要更改占位符文本颜色,我只需更新样式 block 的内容:

var randomColor = Math.floor(Math.random()*16777215).toString(16);
styleContent = 'input:-moz-placeholder {color: #' + randomColor + ';} input::-webkit-input-placeholder {color: #' + randomColor + ';}'
$('#placeholder-style').text(styleContent);

查看 jsFiddle:

Change placeholder text color with jQuery

关于jquery - 如何更改 :-moz-placeholder color with jQuery once it's set?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11394217/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com