我将输入的默认占位符颜色更改为蓝色.为什么我用Javascript获得黑色占位符颜色?
const getPlaceholderColor = () => {
let inputEl = document.querySelector('.myClass');
let inputElStyle = window.getComputedStyle(inputEl, '::placeholder');
let resultTarget = document.getElementById('colorResult');
let placeholderColor = inputElStyle.getPropertyValue('color');
resultTarget.innerHTML = `Placeholder color: ${placeholderColor}`;
}Run Code Online (Sandbox Code Playgroud)
.myClass::placeholder {
color: #004085;
}
.marginTop20 {
margin-top: 20px;
}Run Code Online (Sandbox Code Playgroud)
<input
type="text"
placeholder="Enter name"
class="myClass"
/>
<button onClick="getPlaceholderColor()">Get placeholder color</button>
<div class="marginTop20" id="colorResult"></div>Run Code Online (Sandbox Code Playgroud)