主页 / 问题 / 759840
Accepted
Randall
Asked:2020-12-18 15:05:34 +0000 UTC2020-12-18 15:05:34 +0000 UTC

如何为第一个占位符元素赋予不同的风格？[复制]

  • 772

::-webkit-input-placeholder {
	font-size: 14px;

}
::-webkit-input-placeholder {
	font-weight: bolder;
}
::-moz-placeholder  {
	font-size:14px; /* Firefox 19+ */
}
:-moz-placeholder  {
	font-size: 14px; /* Firefox 18- */
}
<input type=text placeholder="Canada (235 hotels)....">

有placeholder一个里面有文本，你需要第一个文本是粗体，第二个是简单的引号。我已经尝试过了，但没有帮助。有没有first-line其他选择或者我正在做有什么问题吗？不能htmlinputselectize.jshtml

javascript

1 个回答

  1. Best Answer

    document.querySelector('input').addEventListener('input', function() {
  if (document.querySelector('input').value.length == 0) {
    document.getElementsByTagName('span')[0].innerHTML = 'Canada';
  } else {
    document.getElementsByTagName('span')[0].innerHTML = ''; 
  }
})
    .body {
  position:relative;
}
.click_hidden_text {
  position:absolute;
  left:60px;
  opacity:0.6;
}
::-webkit-input-placeholder {
	font-weight:bold;
}
    <span class="click_hidden_text">(235 hotels)</span>
<input type="text" placeholder="canada">

    • 3

相关问题