Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/387.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript:更改已创建输入的占位符颜色_Javascript_Css_Html - Fatal编程技术网

Javascript:更改已创建输入的占位符颜色

Javascript:更改已创建输入的占位符颜色,javascript,css,html,Javascript,Css,Html,因此,我使用document.createElement创建了一个输入 但我似乎无法改变我为它制作的占位符文本的颜色!? 我该怎么做? 我已经试过做element.placeholder.style.color元素::placeholder.style.color等等 您可以在大多数现代浏览器中使用::placeholder伪类: input::占位符{ 字体大小:粗体; 字体:斜体; 不透明度:0.5; 颜色:#336699; } 您可以将属性添加到::占位符伪元素。了解更多信息 var

因此,我使用document.createElement创建了一个输入 但我似乎无法改变我为它制作的占位符文本的颜色!? 我该怎么做?
我已经试过做element.placeholder.style.color元素::placeholder.style.color等等

您可以在大多数现代浏览器中使用
::placeholder
伪类:

input::占位符{
字体大小:粗体;
字体:斜体;
不透明度:0.5;
颜色:#336699;
}

您可以将属性添加到
::占位符
伪元素。了解更多信息

var x=(document.createElement('input'); x、 占位符=“测试”; document.body.appendChild(x)
::-webkit输入占位符{
颜色:绿色;

}
链接副本中的答案非常全面。由于我没有访问css的权限,并且我已经知道这一点,因此我不会将此视为答案,因为我制作了一个用户脚本并希望更改占位符的颜色element@Qyther但是你可以访问CSS。您可以向目标元素添加一个普通类,然后创建一个新的
元素,该元素包含
::占位符的规则。正如我告诉过您的,我没有访问CSS的权限,因为它是一个用户脚本。您能操作文档吗?如果是这样,您可以向文档中添加
元素。因为我没有访问css的权限,而且我已经知道这一点,所以我不会将此视为一个答案,即我创建了一个userscript并希望更改占位符元素的颜色