小编Lar*_*mia的帖子

使用JS获取正确的占位符颜色

我将输入的默认占位符颜色更改为蓝色.为什么我用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)

html javascript css placeholder

6
推荐指数
1
解决办法
179
查看次数

标签 统计

css ×1

html ×1

javascript ×1

placeholder ×1