使用CSS样式化HTML标题属性

Question

我正在尝试使用CSS样式化<input type="text">的标题属性。这是我的做法：

input[type="text"][title] {
    font-style: italic;
    color: gray;
}

它可以工作得很好，但是当我输入数据到字段中时，数据会变为灰色和斜体。 我想让数据（值）保持正常和黑色的颜色，只有标题应该是斜体和灰色。

有什么想法吗？

- Caio Mar

---

дҪ дёҚиғҪжӣҙж”№titleеұһжҖ§зҡ„ж ·ејҸпјҢеӣ дёәиҝҷжҳҜз”ұж“ҚдҪңзі»з»ҹеӨ„зҗҶзҡ„гҖӮдҪ жүҖйҖүжӢ©зҡ„жҳҜдёҖдёӘе…·жңүtitleеұһжҖ§зҡ„inputе…ғзҙ гҖӮ - Explosion Pills

可能是重复的问题：是否可以使用CSS或JS样式化标题？ - cimmanon

这个问题用jQuery解决最好。使用标准CSS无法为title属性添加样式。 - mikedugan

可能是重复的问题：如何更改锚标记内Title属性的样式？ - Ciro Santilli OurBigBook.com

我发现这个。也许这会对你有所帮助。 - Yitzhak Weinberg

Answer 1

您可以使用CSS3来创建自定义解决方案。

请参考如何更改锚标签内Title属性的样式？。但我建议您使用自定义字段，例如"data-title"，这样默认浏览器行为就不会干扰您的自定义解决方案。

- Birdman

Answer 2

你可以在<h2></h2>中添加输入的标题，然后像下面这样从css更改标题的属性：

h2 {
    font-style: italic;
    color: gray;
    font-size: 1em;
}

- Leo

Answer 3

input[type="text"][title]:hover:after {
  font-style: italic;
  color: red;
}

<input type="text" title="here is a title" />

- Akshay Misal

---

请考虑编辑您的帖子，添加更多关于代码的解释以及为什么它可以解决问题的说明。大部分只包含代码的答案（即使它能工作）通常不会帮助提问者理解他们的问题。 - Drenmi

我写了一段代码片段。在2020年的Mac上，它在Chrome中没有任何特殊作用。 - mplungjan